webpack 运行构建但不退出命令

Question

Webpack 成功运行构建，但之后无法自动退出命令。如何退出？

删除 --progress 和 webpack-dashboard，仍然不能

webpack.base.conf.js

...// require
module.exports = {
  mode: process.env.NODE_ENV,
  entry: {
    app: './src/main.js',
  },
  output: {
    path: util.resolve('dist'),
    filename: 'js/[name].[hash].js',
    chunkFilename: 'js/[id].[chunkhash].js',
  },
  module: {
    rules: [
      ...util.eslint,
      ...util.cssLoaders,
      // more loaders
  },
  plugins: [
      new CleanWebpackPlugin(),
      new HtmlWebpackPlugin({
        template: path.resolve(__dirname, '../public/index.html'),
        minify: {
          removeComments: true,
          collapseWhitespace: true,
          removeAttributeQuotes: true,
        },
      }),
    new DllLinkPlugin({
      htmlMode: true,
      config: require('./webpack.dll.conf.js'),
    }),
  ],
  stats: {
    children: false, 
    builtAt: true, 
    cached: true,
    cachedAssets: true
  }
};

webpack.prod.conf.js

// requere...
const config = require('./webpack.base.conf');
const env = require('../env.production')

module.exports = merge(config, {
  bail: true,
watch:false,
  devtool: 'cheap-module-source-map',
  plugins: [
    // ... mini css html
    new CompressionWebpackPlugin({
      filename: '[path].gz[query]',
      algorithm: 'gzip',
      test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
      threshold: 10240,
      minRatio: 0.8
    })
  ],
  optimization: {
    ... options
  }
});

包.json

    "build": "cross-env NODE_ENV=production webpack --progress --config build/webpack.prod.conf.js",

链接运行这个

npm run build

我希望在成功构建后退出命令？不喜欢这张图片

Answer 1

将此添加到您的 webpack.base.conf.js

plugins: [
    // your plugins...
    {
       apply: (compiler) => {
         compiler.hooks.done.tap('DonePlugin', (stats) => {
           console.log('Compile is done !')
           setTimeout(() => {
             process.exit(0)
           })
         });
       }
    }
]

这使用 webpack 的编译器钩子，https: //webpack.js.org/api/compiler-hooks/#done