如何用webpack进行css的打包
程序员文章站
2022-04-22 14:50:02
...
我假设你环境已经安装好了:
webpack默认是不支持打包css(style)的
需要安装
npm install css-loader style-loader --save-dev
安装完成之后,你还要在你引入css的地方前面加入 "css-loader!路径"
// 打包之后css有效果需要加 style-loader 不然就没有效果require('style-loader!css-loader!./style.css')
还有一种简便的写法
直接引入
require('./style.css')
在命令行
webpack hello.js hello.bundle.js --module-bind "css=style-loader!css-loader" --watch
只能你修改了 去页面刷新就可以使用了
以上就是如何用webpack进行css的打包的详细内容,更多请关注其它相关文章!
推荐阅读
-
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
-
详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程
-
webpack 打包压缩js和css的方法示例
-
webpack4 css打包压缩问题的解决
-
webpack分离css单独打包的方法
-
Webpack打包css后z-index被重新计算的解决方法
-
Webpack打包工具的使用---打包引用JS和CSS文件
-
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
-
webpack中把css文件打包成独立文件,背景图片不显示的问题
-
详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程