webpack打包的时候,如何不编译node_modules里的css直接打包?

遇到一个问题,因为用了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
}

请问是哪里出错了

阅读 5.5k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题