- 1.在入口文件ain,js文件中依赖CSS文件
- 写完依赖后重新打包
(1) cd .. 到上一个文件夹
(2) cd 03-webpack的loader
(3)npm run build
(4)回车
(5)安装css-loader,回车
(6)配置
(7)再次打包(步骤和3.4.5.6一致):npm run build,回车
(8)安装style-loader(注意改变指令),回车
(9)配置
- 安装css-loader,下面这条指令直接从loader复制即可
- 配置
在webpack.config.js文件中添加下列圈出来的代码(该代码直接从loader官网中复制就行,因为还没配置style-loaderr,所以先删除‘style-loader’)
CSS-loader只负责将CSS文件进行加载,也不负责样式展现,必须重新创建一个style-loader
- 再次打包
npm run build,回车
安装style-loader(注意改变指令),回车
配置:在css-loader前面直接添加style-loader(注意:前后顺序不可变)
运行
刷新一下,此时样式就展现了