Как я могу получить мини-CSS-экстракт-плагин для минимизации моих файлов - PullRequest
Новая
       17

Как я могу получить мини-CSS-экстракт-плагин для минимизации моих файлов

0 голосов
/ 03 ноября 2018

Получение bundle.css, сгенерированного внутри папки dist, но оно не минимизируется. Я вручную загружаю их в мои html-файлы, например так: <link rel="stylesheet" href="../static/dist/bundle.css">. Также импортируем файлы стилей в index.js так: import "../css/style.css";. Как мне получить это, чтобы минимизировать? 

const MiniCssExtractPlugin = require("mini-css-extract-plugin");




module.exports = {
  mode: "development",
  entry: ["./static/js/index.js"],
  output: {
    path: path.resolve(__dirname, "static/dist"), 
    filename: "bundle.js"
  },
  watch: true,
  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env', "@babel/preset-react"],
            plugins: [
              ['@babel/plugin-proposal-object-rest-spread'],
              ['@babel/plugin-proposal-class-properties']
            ]
          }
        }
      },
      {
        test: /\.css$/,
        use: [
        {
          loader: MiniCssExtractPlugin.loader,
        },
        'css-loader' 
        ]
      }
    ]
  },
   plugins: [
    new MiniCssExtractPlugin({
      filename: "./bundle.css",
    }),
  ]
}
...