gulp-webpack-through2

通过gulp运行webpcak


Keywords
gulpplugin, webpack, through2, gulp
License
MIT
Install
npm install gulp-webpack-through2@0.1.1

Documentation

gulp-webpack-through2

Run WebPack with through2 for gulp.

Usage

var gulp = require('gulp');
var webpack = require('gulp-webpack-through2');

gulp.task('default', function() {
    return gulp.src('src/entry.js')
        .pipe(webpack({
            watch: true,
            output: {
                filename: '[name].bundle.js'
            }
        }, {
                timings: true,
                errorDetails: true
        }))
        .pipe(gulp.dest('build/'));
});

webpack(webpackConfig,statOptions)

  • webpackConfig include webpackConfig

    • progress show webpack progress

    • verbose show all stats information

    • compress 配置不转换直接压缩的js文件,包含uglifyjs的配置

      compress: {
        entry: {
           vendor: ['src/a.js', 'src/b.js']
        },
        compress:false //不压缩只合并
      },
      output: {
         filename: '[name].bundle.js'
      }
      //压缩合并`a.js`+ `b.js` => `wendor.bundle.js` 
    
  • statsOptions

    • context (string) context directory for request shortening

    • hash add the hash of the compilation

    • version add webpack version information

    • timings add timing information

    • assets add assets information

    • chunks add chunk information (setting this to false allows for a less verbose output)

    • chunkModules add built modules information to chunk information

    • modules add built modules information

    • children add children information

    • cached add also information about cached (not built) modules

    • reasons add information about the reasons why modules are included

    • source add the source code of modules

    • errorDetails add details to errors (like resolving log)

    • chunkOrigins add the origins of chunks and chunk merging info

    • modulesSort (string) sort the modules by that field

    • chunksSort (string) sort the chunks by that field

    • assetsSort (string) sort the assets by that field

Installation

$ npm install gulp-webpack-through2

Features

  • 通过gulp运行webpack
  • 配置js文件直接压缩不处理 |

Examples

To run the examples, clone the gulp-webpack-through2 repo and install the dependencies:

$ git clone git://github.com/Jetsly/gulp-webpack-through2
$ npm install gulp -g
$ npm install
$ gulp --gulpfile=example/gulpfile.js

Tests

To run the test suite, first install the dependencies, then run npm test:

$ npm install
$ npm test