用webpack打包好css后如何在项目中引用

olege 发布于 2016/03/03 21:57
阅读 2K+
收藏 0

在我的css中我写了

.anticon-inbox:before {
      content: "\E67B";
}

这样一个样式,但是在webpack生成的css中样式代码加上了前后缀,变成了这样

.index__anticon-inbox___3i9qX:before{
      content:"\E67B"
}

不知道是什么原因

加载中
0
zabcd117
zabcd117
你是引用了css module么?css如果内嵌到js中,你就不用关系编译后的样式名字了,jsx里面直接import进来就可以了
olege
olege
但是我直接写了 className='anticon-inbox' 样式不起作用,审查元素发现我的html标签中没有将样式名变成index__anticon-inbox__3i9qX
0
开源中国搬砖小能手
开源中国搬砖小能手
这个问题楼主解决了么?
0
quanwei9958
quanwei9958

使用 HtmlWebpackPlugin 可以把你引入的css文件自动插入到 template 的 <head> 中去

记得在你的主文件中引入css/sass/scss文件好让webpack加载

main.js

require('../../css/main.scss')



返回顶部
顶部