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。