Question

我尝试使用css模块配置我的webpack，但它无效。

我的网络包是这样的：

module: {
 rules: [
   {
     test: /\.s?css$/,
     include: path.resolve(__dirname, './assets/css-master/'),
     loader: extractSass.extract({
       use: [
         // { loader: 'css-loader' },
         { loader: 'css-loader?modules&localIdentName=[name]__[local]___[hash:base64:5]' },
         { loader: 'sass-loader' },
       ],
       // use style-loader in development
       fallback: 'style-loader',
     }),
     exclude: /node_modules/,
   },
 ],
},

当我打电话给className =＆＃34; test＆＃34;它返回给我css，但是当调用className = {cssImported.test}时，它不起作用。

Answer 1

我解决了这个问题，卸载react-css-modules，我改变了加载器。现在它看起来像这样（只是's'已从模块'中删除）：{ loader: 'css-loader?module&localIdentName=[name]__[local]___[hash:base64:5]' },

如何使用css模块设置webpack

1 个答案: