zoukankan      html  css  js  c++  java
  • gulp 集成其他基于流的工具

    1. 流、缓冲、vinyl 文件对象
    gulp 的流是虚拟文件对象
    包含的属性有
    
        base 文件名  
        path 文件路径
        content  缓冲、nodejs 流
    2. gulp 集成 browserify
    browserify 基于文本流,缺少的是base 以及path,可以使用的工具 vinyl-source-stream 
    
    var source = require('vinyl-source-stream')
    var streamify = require('gulp-streamify')
    var browserify = require('browserify')
    var uglify = require('gulp-uglify')
    var gulpify = require('gulpify')
    var rename = require('gulp-rename')
    var gulp = require('gulp')
     
    // using gulpify: 
    gulp.task('gulpify', function() {
      gulp.src('index.js')
        .pipe(gulpify())
        .pipe(uglify())
        .pipe(rename('bundle.js'))
        .pipe(gulp.dest('./'))
    })
     
    // using vinyl-source-stream: 
    gulp.task('browserify', function() {
      var bundleStream = browserify('./index.js').bundle()
      bundleStream
        .pipe(source('index.js'))
        .pipe(streamify(uglify()))
        .pipe(rename('bundle.js'))
        .pipe(gulp.dest('./'))
    })
    3. 转换内容(转换为缓冲)
    使用vinyl-buffer 
    
    var browserify = require('browserify')
    var source = require('vinyl-source-stream')
    var buffer = require('vinyl-buffer')
    var uglify = require('gulp-uglify')
    var size = require('gulp-size')
    var gulp = require('gulp')
     
    gulp.task('build', function() {
      var bundler = browserify('./index.js')
     
      return bundler.pipe()
        .pipe(source('index.js'))
        .pipe(buffer())
        .pipe(uglify())
        .pipe(size())
        .pipe(gulp.dest('dist/'))
    })
  • 相关阅读:
    swift计算 switch case
    BUUCTF--reverse1
    BUUCTF--easyer
    Windows程序设计(七)--鼠标
    攻防世界--maze
    Windows 程序设计--(六)键盘
    攻防世界--csaw2013reversing2
    攻防世界--getit
    攻防世界--python-trade
    Windows程序设计--(五)绘图基础
  • 原文地址:https://www.cnblogs.com/rongfengliang/p/7819662.html
Copyright © 2011-2022 走看看