构建项目后如何让webpack退出答案

【问题标题】：how to let webpack exit after build the project构建项目后如何让webpack退出
【发布时间】：2022-11-09 06:49:11
【问题描述】：

我正在使用这个 webpack 5.x 命令来构建一个反应应用程序：

webpack --mode production --config config/webpack.dev.config.js

但是这个构建后进程没有退出，构建过程成功，如何让进程退出？当我在 CI 中运行此命令时，我希望此命令结束，以便程序可以进入下一步。这是 webpack 5.x 配置文件内容：

  const path = require('path');
  const webpack = require('webpack');
  const MiniCssExtractPlugin = require( 'mini-css-extract-plugin');

  module.exports = {
    entry : {
      'bundle' : './src/',
    } ,
    resolve: {
      extensions: ['.tsx', '.ts', '.js','.jsx'],
      alias: {
          '@': path.resolve(__dirname, '../src'),
      },
    },
    output : {
      path : path.resolve(__dirname, '../bundle') ,
      filename : '[name].js'
    },
    module : {
      rules : [
        {
          test: /\.ts$/,
          loader: 'ts-loader',
          options: {
            appendTsSuffixTo: [/\.vue$/]
          },
          include: [
            path.resolve(__dirname, '../../../node_modules/js-wheel'),
            path.resolve(__dirname, '../../../src')
          ],
          exclude: /node_modules|\.d\.ts$/
        },
        {
          test: /\.d\.ts$/,
          loader: 'ignore-loader'
        },
        {
          test: /\.jsx?$/,
          loader: 'babel-loader'
        },
        {
          test: /\.css$/i,
          use: [MiniCssExtractPlugin.loader, "css-loader"],
        },
        {
          test : /\.(scss)$/ ,
          use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
        },
        // https://stackoverflow.com/questions/69427025/programmatic-webpack-jest-esm-cant-resolve-module-without-js-file-exten
        {
          test: /\.m?js/,
          type: "javascript/auto",
        },
        {
          test: /\.m?js/,
          resolve: {
            fullySpecified: false,
          },
        },
        {
          test: /\.(jpe?g|png|gif|svg)$/i, 
          loader: 'file-loader',
          options: {
            name: '/public/icons/[name].[ext]'
          }
      }
      ]
    },
    plugins : [
      new MiniCssExtractPlugin({
        filename: "[name].css",
        chunkFilename: "[id].css",
      }),
      new webpack.DefinePlugin({
        __VUE_OPTIONS_API__: false,
        __VUE_PROD_DEVTOOLS__: false,
      }),
    ]
  };

如何调整代码，我已经阅读了官方的document，而官方在构建项目时只有一个webpack 命令。

【问题讨论】：

标签： webpack

【解决方案1】：

添加布尔属性手表调成错误的在 modules.export 配置中，以防止它监视源文件以进行更新。

module.exports = {
  //...
  watch: false,
};

Watch 默认设置为 true。 Documentation

【讨论】：

【解决方案2】：

嗨，你有解决这个问题的办法吗？我有同样的问题。

【讨论】：