javascript - 如何使用 Node 的某些选项运行 webpack

Question

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

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

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

我试图通过将 npm 脚本移动到单独的 .js 文件中来使它们不那么冗长。我做了一些简单的(用 rimraf 和一个简单的副本清理)，但我正在努力从( Node )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)
 })