用webpack打包好css后如何在项目中引用
在我的css中我写了
.anticon-inbox:before {
content: "E67B";
}
这样一个样式，但是在webpack生成的css中样式代码加上了前后缀，变成了这样
.index__anticon-inbox___3i9qX:before{
content:"E67B"
}
不知道是什么原因
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
使用 HtmlWebpackPlugin 可以把你引入的css文件自动插入到 template 的 <head> 中去
记得在你的主文件中引入css/sass/scss文件好让webpack加载
main.js
require('../../css/main.scss')这个问题楼主解决了么？
但是我直接写了 className='anticon-inbox' 样式不起作用，审查元素发现我的html标签中没有将样式名变成index__anticon-inbox__3i9qX
你是引用了css module么？css如果内嵌到js中，你就不用关系编译后的样式名字了，jsx里面直接import进来就可以了