【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'
})

路径是你需要输出的文件

猜你喜欢

转载自www.cnblogs.com/wuxianqiang/p/10579942.html