Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何缩小gulp网页包文件?_Javascript_Node.js_Compression_Gulp_Webpack - Fatal编程技术网

Javascript 如何缩小gulp网页包文件?

Javascript 如何缩小gulp网页包文件?,javascript,node.js,compression,gulp,webpack,Javascript,Node.js,Compression,Gulp,Webpack,有以下情况: gulp.task('webpack', function(cb) { gulp.src('webpack-init.js') .pipe(webpack({ output: { filename: 'bundle.js', }, })) .pipe(gulp.dest('./client/js')); cb(); }); 一切正常,但我想缩小输出文件 如果我直接用大口大口的话- .pipe(webpack

有以下情况:

gulp.task('webpack', function(cb) {
  gulp.src('webpack-init.js')
    .pipe(webpack({
      output: {
        filename: 'bundle.js',
      },
    }))
    .pipe(gulp.dest('./client/js'));

  cb();
});
一切正常,但我想缩小输出文件

如果我直接用大口大口的话-

.pipe(webpack(...))
.pipe(uglify().on('error', gutil.log))
.pipe(gulp.dest('./client/js'));

出现错误:“意外标记:punc())]”和其他类似的错误

我找到了解决办法。我们可以使用普通版本的webpack(不仅仅是gulp webpack)来提供插件包含功能:

var gulpWebpack = require('gulp-webpack'),
  webpack = require('webpack');

gulp.task('webpack', function() {
  gulp.src('webpack-init.js')

    .pipe(gulpWebpack({
      output: {
        filename: 'bundle.js',
      },
      plugins: [new webpack.optimize.UglifyJsPlugin()],
    }, webpack))
    .pipe(gulp.dest('./client/js'));
});

您从哪里获得错误?在控制台中。当uglify试图压缩bundle.js时,完整输出是什么?保存控制台消息:听起来好像WebPack没有输出Javascript。