search

javaLuo / react-luo

React Automatically - 保持最新技术 react18 hooks router6 webpack5 babel7 antd4
https://isluo.com/work/pwa/
MIT License
312 stars 71 forks source link

css打包后怎么class名称后都加了这个后缀_7Z3_vq74 而html div 没有加后缀 导致样式名称不对 #22

Closed i1240121619 closed 5 years ago

i1240121619 commented 6 years ago

css打包后怎么class名称后都加了这个后缀_7Z3_vq74 而html div 没有加后缀 导致样式名称不对

javaLuo commented 6 years ago

class用了命名空间，做到了局部CSS的效果，所以都自动加了后缀。 也可以将webpack.dev.config.js和webpack.production.config.js中的.css解析设置为modules: false来禁用局部CSS功能

{
        // .css 解析
        test: /\.css$/,
        use: [
          "style-loader",
          {
            loader: "css-loader",
            options: {
              modules: true, // 此处设置为false可禁用局部CSS
              localIdentName: "[local]_[hash:base64:5]"
            }
          },
          "postcss-loader"
        ]
      },