:tropical_drink: 通过流接口运行 webpack
将 webpack 运行为流,以便方便地与 gulp 集成。
如果您有 npm,请在控制台中运行以下命令 npm install --save-dev webpack-stream
const gulp = require('gulp');
const webpack = require('webpack-stream');
gulp.task('default', function() {
return gulp.src('src/entry.js')
.pipe(webpack())
.pipe(gulp.dest('dist/'));
});上述操作将使用 webpack 将 src/entry.js 编译为资源,存储在 dist/ 中,输出文件名为 [hash].js(webpack 生成的构建哈希)。
您可以通过第一个参数传递 webpack 选项,包括 watch 选项,这将大大减少编译时间:
return gulp.src('src/entry.js')
.pipe(webpack({
watch: true,
module: {
rules: [
{ test: /\.css$/, use: ['style-loader', 'css-loader'] },
],
},
}))
.pipe(gulp.dest('dist/'));或者直接传入您的 webpack.config.js:
return gulp.src('src/entry.js')
.pipe(webpack( require('./webpack.config.js') ))
.pipe(gulp.dest('dist/'));如果您想使用不同于本插件使用的 webpack 版本,可以传入可选的第二个参数:
暂无开放 Issues,或尚未同步最近议题。