首页 > 代码库 > webpack打包css
webpack打包css
1、第一种方式
1、安装css-loader和style-loader
$ cnpm install css-loader style-loader --save-dev
2、引用的时候使用css-loader，让webpack可以打包css文件
require(‘css-loader!./style.css‘);
3、打包
4、引入style-loader，将样式通过style标签写到head标签里
require(‘style-loader!css-loader!./style.css‘);
2、第二种方式
1、引入css文件
require(‘./style.css‘);
2、webpack命令指定css文件的处理方式
$ webpack hello.js hello.bundle.js --module-bind ‘css=style-loader!css-loader‘
3、第三种方式
文件改变的时候自动打包
$ webpack hello.js hello.bundle.js --module-bind ‘css=style-loader!css-loader‘ --watch
4、其他webpack打包时的参数说明
查看打包进度
$ webpack hello.js hello.bundle.js --module-bind ‘css=style-loader!css-loader‘ --progress
看见打包模块
$ webpack hello.js hello.bundle.js --module-bind ‘css=style-loader!css-loader‘ --progress --display-modules
打包原因
$ webpack hello.js hello.bundle.js --module-bind ‘css=style-loader!css-loader‘ --progress --display-modules --display-reasons
webpack打包css
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。