【webpack】中mini-css-extract-plugin使用方法

這個參加可以壓縮CSS，然后讓CSS輸出到指定的目錄中

 

使用這個loader也很簡單，只有將style-loader 替換成 MiniCssExtractPlugin.loader, 'css-loader 

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

{
        test: /\.(css|less)$/,
        use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader', 'less-loader']
}

 

還需要在插件中實例化

new MiniCssExtractPlugin({
      filename: 'style/style.css'
})

 

路徑是你需要輸出的文件