+-

webpack中像实现css Module的功能。
安装babel-plugin-react-css-modules后根据官方进行配置:插件的github
const config = WebpackMerge.merge(WebpackBase, { module: { rules: [ { test: [/\.s[ac]ss$/i, /\.css$/i], use: [ // "style-loader", MiniCssExtractPlugin.loader, { loader: "css-loader", options: { importLoaders: 1, modules: { localIdentName: "[path][name]__[local]--[sha256:hash:base64:5]", }, }, }, "sass-loader", ], }, { test: /\.(jsx|js)$/, loader: "babel-loader", options: { cacheDirectory: true, plugins: [ [ "react-css-modules", { context: path.join(__dirname, "../"), exclude: "node_modules", generateScopedName: "[path][name]__[local]--[sha256:hash:base64:5]", }, ], ], }, exclude: [path.join(__dirname, "../node_modules")], }, ], }, });
由于生成的hash不一致。className无法对应到相应的样式。
这里应该如何配置才能使得 hash值相等