webpack中使用CSS文件的配置 webpack.connfig.js
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,
·
- 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（注意：前后顺序不可变）
运行
刷新一下，此时样式就展现了
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献2条内容
所有评论(0)