我只是在学习ReactJS。我首先浏览了一些资源,然后开始查看我现在参与的项目的代码。
我在这些资源中了解到的一件事是如何实现实际上独立的CSS模块,而不是“假”独立的CSS模块。这涉及将webpack配置中的“样式加载器”与“ localIdentName”一起使用,以使引用唯一。
在我正在查看的代码中,我看到以下内容:
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: {
modules: true,
camelCase: true,
importLoaders: 1,
localIdentName: '[path][name]__[local]',
},
},
令我困扰的是,“ localIdentName”值没有以使其真正独立的哈希值结尾。我认为这意味着两个引用相同类的CSS模块如果在同一页面上加载,将会发生冲突。
这正确吗?