如何不将CSS模块应用于库中的CSS类

时间:2018-09-05 00:21:26

标签: webpack css-loader

我弹出create-react-app以在我的React项目中使用SCSS。这样做的同时,我还像下面这样配置了css-loader

{
    loader: require.resolve("css-loader"),
    options: {
        importLoaders: 1,
        modules: true,
        localIdentName: "[path][name]__[local]--[hash:base64:5]",
        camelCase: "dashes"
    }
},

如您所见,它会在localIdentName之后生成随机的类名。因此,我需要编写如下的JSX代码。

import styles from "./styles.scss";

const LoadingFeed = props => (
  <div className={styles.feed}>
    <Loading />
  </div>
);

className={styles.feed}使div标签可以跟随随机化的类名,而无论其类名是什么。问题是我不能使用第三方库,因为该配置也使来自第三方的CSS文件的所有类名也被随机化了。

如何避免这个问题?

0 个答案:

没有答案