码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-03-22 18:33:36      阅读:1084      评论:0      收藏:0      [点我收藏+]

标签:css   stc   简单   nbsp   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‘
})

 

路径是你需要输出的文件

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

标签:css   stc   简单   nbsp   plugin   实例化   输出   使用   是你   

原文地址:https://www.cnblogs.com/wuxianqiang/p/10579942.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!