Webpack-stream:如何使用数组配置？

Question

如果我通过命令行界面使用webpack，我可以导出配置数组：

module.exports = [
  {
    entry: {/*entry#1*/},
    target: 'electron-renderer'
    //...
  },
  {
    entry: {/*entry#2*/}
    target: 'webworker'
    //...
  }
];

它工作得很好。但当我尝试在gulpfile.js中通过webpack-stream传递它时

const webpackStream = require('webpack-stream');
const webpack2 = require('webpack');
const webpackConf = require('./webpack.config.js');

...

gulp.task('run webpack', () => {
  return gulp.src('src/app.js') // I use only entry#1 here, cause it should override it via config file... I suppose
    .pipe(webpackStream(webpackConf, webpack2))
    .pipe(gulp.dest('dest/app'));
});

它可以无错误地完成任务，但从不将结果文件插入到输出文件夹中。

如果我写webpackStream(webpackConf[0], webpack2)或webpackStream(webpackConf[1], webpack2) (只有我的一个配置)，它工作得很好。

Answer 1

你要找的是webpack-stream的Multi-compiler support。

你甚至不需要从你的webpack配置中gulp.src第一个条目，并且可以这样做：

const webpackStream = require('webpack-stream');
const webpack2 = require('webpack');
const webpackConf = require('./webpack.config.js');

gulp.task('run webpack', () => {
  return webpackStream({config: webpackConf}, webpack2)
    .pipe(gulp.dest('dest/app'));
});