遇到一个问题,因为用了CSS Modules,把样式的类名全部hash化了,这样避免重复的类名覆盖,但是这样弄以后,第三方库引入的css也会跟着hash话,但是在页面上的类名由于是 clssName='asss' 这样引入的,无法跟着hash。
百度了一下,说是webpack.config里面配置
config.module.rules.push({
test: /.(sass|scss|css)$/,
loader: extractStyles.extract({
fallback: 'style-loader',
use: [
{
loader: 'css-loader',
options: {
sourceMap: project.sourcemaps,
exclude: [
path.resolve(__dirname, "node_modules/react-quill")
], //重点在这
modules: true,
localIdentName:'[path][name]__[local]--[hash:base64:5]',
},
},
但是没有效果,build出来的还是带有hash的类名,
像是这样
.node_modules-react-quill-dist-quill-snow__ql-snow--1csQY.node_modules-react-quill-dist-quill-snow__ql-toolbar--lFbPi button,
.node_modules-react-quill-dist-quill-snow__ql-snow--1csQY .node_modules-react-quill-dist-quill-snow__ql-toolbar--lFbPi button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: .32rem;
padding: .04rem .06667rem;
width: .37333rem
}
请问是哪里出错了