1

私はこのタスクを持っています:

gulp.task('js', function() {
  var webpackConfig = extend({}, require('./webpack.config.dev.js'), {
    devtool: "source-map",
  });
  return gulp.src(config.paths.mainJs)
    //.pipe(beautify({indent: {value: '  '}}))
    .pipe(named())
    .pipe(webpack(webpackConfig))
    .pipe(sourcemaps.init({loadMaps: true}))
    .pipe(through.obj(function (file, enc, cb) {
      // Dont pipe through any source map files as it will be handled
      // by gulp-sourcemaps
      var isSourceMap = /\.map$/.test(file.path);
      if (!isSourceMap) this.push(file);
      cb();
    }))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('./deployment/deployment/js'))
    .pipe(uglify())//JS_Parse_Error

前のパイプの出力は、./deployment/deployment/js/bundle.js と bundle.js.map の 2 つのファイルです。ですから、醜くするための私のパイプは間違っていると思います。webpacks の出力を縮小するにはどうすればよいですか?

4

1 に答える 1

3

私がしなければならなかったのは、gulp で既に参照されている「./webpack.config.dev.js」ファイルを変更して、UglifyJsPlugin を追加することだけでした。

  plugins: [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new webpack.optimize.UglifyJsPlugin({
    mangle: {
        except: ['$super', '$', 'exports', 'require']
    }
  })
  ],
于 2016-03-17T13:11:12.393 に答える