css-loader localIdentName选项禁止默认类样式

时间:2019-08-31 09:58:29

标签: css reactjs webpack sass css-loader

在我将localIdentName选项添加到css-loader之后,如果没有:local或:global,我将无法再为我的类设置样式,而且node_modules中的所有样式也不适用于html元素。
这有效:

const styles = require("./styles.scss)" // import
:local .myclass { } // style in styles.scss
<div className={styles["myClass"]}></div> // html container

这不是:

import "./styles.scss"
.myclass { }
<div className="myClass"></div>

这是我的webpack配置

 {
    loader: MiniCssExtractPlugin.loader,
    options: {
       hmr: isDevMode
    },
 },
 {
   loader: 'css-loader',
      options: {
        modules: {
          localIdentName: '[path][name]__[local]--[hash:base64:5]',
        }
   }
 },
   'postcss-loader',
   'sass-loader',
 ],

0 个答案:

没有答案