Question

我目前有一个包含此脚本的package.json文件：

"build": "webpack --inline --colors --progress --display-error-details --display-cached",

我的存储库根目录下也有一个webpack.config.js。

我试图通过将它们移动到单独的.js文件来使我的npm脚本更简洁。我做了一些简单的（用rimraf和简单的副本清理），但我正在努力从（节点）javascript文件调用webpack。这就是我尝试过的：

// contents of ./build/compile.js
var webpack = require('webpack');
var webpackConfig = require('../webpack.config.js');

webpack(webpackConfig);

这没有任何作用。我也试过了：

// contents of ./build/compile.js
var webpack = require('webpack');

webpack({
    inline: true,
    colors: true,
    // and so on
});

这也什么都不做。只是打电话给webpack()也什么都不做......

并且一无所获，我的意思是它也不会引发错误。

那么如何调用webpack，使其使用我的配置文件，还传递--inline --colors --progress ...之类的标志？

Answer 1

关于进展，这个答案对我有用.. https://stackoverflow.com/a/31069781

var ProgressPlugin = require('webpack/lib/ProgressPlugin')

var compiler = webpack(cfg)
compiler.apply(new ProgressPlugin((percentage, msg) => {
    console.log((percentage * 100) + '%', msg);
 }))

 compiler.run((err, stats) => {
     if (err) return reject(err);
     resolve(stats)
 })

如何使用节点中的某些选项运行webpack

1 个答案: