我弹出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文件的所有类名也被随机化了。
如何避免这个问题?