webpack css оптимизация и минификация - PullRequest
Новая
       11

webpack css оптимизация и минификация

0 голосов
/ 31 мая 2018

Я использую webpack 4 и мне нужно оптимизировать и минимизировать css после сборки команды.Я нашел optimize-css-assets-webpack-plugin, но этот плагин не работает.Используете ли вы эти плагины или загрузчики для оптимизации CSS или нет?Нужно ли нам это использовать или нет?

1 Ответ

0 голосов
/ 27 июня 2018

С webpack 4 вам нужно привезти свой.Чтобы минимизировать вывод, используйте плагин, такой как optimize-css-assets-webpack-plugin.Однако обратите внимание, что настройка optim.minimizer переопределяет значения по умолчанию, предоставляемые веб-пакетом, поэтому обязательно укажите также JS minimizer: 

const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");

module.exports = {
  optimization: {
    minimizer: [
      new UglifyJsPlugin({
        cache: true,
        parallel: true,
        sourceMap: true // set to true if you want JS source maps
      }),
      new OptimizeCSSAssetsPlugin({})
    ]
  },
  plugins: [

  ],
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          "css-loader"
        ]
      }
    ]
  }
}
...