минимизатор оптимизации webpack не работает - PullRequest
Новая
       19

минимизатор оптимизации webpack не работает

0 голосов
/ 06 августа 2020

Я следовал руководству по веб-пакету. Из следующей конфигурации веб-пакета я должен увидеть, что мой код s css будет минимизирован. Однако даже при успешной компиляции я не видел, чтобы мой код компилировался.

Может ли кто-нибудь проверить, сделал ли я что-то не так? 

module.exports = {
  mode: "development",
  entry: {
    index: "./src/index.js",
  },
  output: {
    filename: "[name].[contentHash].js",
    path: path.resolve(__dirname, "dist/frontend/")
  },
  optimization: {
    minimizer: [new OptimizeCssAssetsPlugin(), new TerserPlugin()]
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: [
          {
            loader: "babel-loader"
          }
        ]
      },
      {
        test: /\.scss$/,
        use: [
          MiniCssExtractPlugin.loader, // 3. Extract css into files
          // "style-loader", // 3. Inject styles into DOM
          "css-loader", // 2. Turns css into commonjs
          "sass-loader" // 1. Turns sass into css
        ]
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: "./src/view/index.html"
    }),
    new CleanWebpackPlugin(),
    new MiniCssExtractPlugin({
      // Options similar to the same options in webpackOptions.output
      // both options are optional
      filename: "[name].css",
      chunkFilename: "[id].css"
    })
  ]
}
...