Webpack не минифицирует bundle.js

Question

Создал файл webpack.config.js, в нем стандартные настройки, ничего сверхъестественного. Файл index.html webpack минифицирует, а вот bundle.js нет. В чем может быть проблема?
Код файла:
 const path = require(&#34;path&#34;);
const HtmlWebPackPlugin = require(&#34;html-webpack-plugin&#34;);

module.exports = {
  entry: path.resolve(__dirname, &#34; src/index.js &#34;),
  output: {
    path: path.resolve(__dirname, &#34;dist&#34;),
    filename: &#34;bundle.js&#34;,
  },
  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /node_modules/,
        use: {
          loader: &#34;babel-loader&#34;,
        },
      },
    ],
  },
  devServer: {
    port: 9000,
  },
  plugins: [
    new HtmlWebPackPlugin({
      template: &#34;./src/index.html&#34;,
    }),
  ],
  mode: &#34;production&#34;,
};

Sergio 2.1 · Answer

Возможно, проблема в том, что вы используете mode: &#34;production&#34;, но не указали плагин для минификации JavaScript. Вебпак по умолчанию не минифицирует ваш JavaScript в режиме production. 
 
Вы можете использовать плагин, такой как TerserPlugin, для минификации вашего кода. Вот пример того, как вы можете добавить его в свой конфигурационный файл: const TerserPlugin = require('terser-webpack-plugin'); 
 
module.exports = { 
  //... 
  optimization: { 
    minimize: true, 
    minimizer: [new TerserPlugin()], 
  }, 
}; 
 Убедитесь, что вы установили terser-webpack-plugin через npm: npm install terser-webpack-plugin --save-dev