Question

我阅读了有关此主题的所有可能问题，但没有发现任何对我有帮助的东西。

我使用create-react-app构建react应用，并希望使用CSS模块。因此，我更改了在 node_modules / react-scripts / config 中找到的weback文件，因为我不想“弹出”配置文件。

在开发人员上，一切正常，并且可以识别模块，但是在生产中，则无法正常工作。（在开发人员中不存在“ ExtractTextPlugin”插件）

因此，我最后尝试“弹出”配置文件，然后更改在src / config中找到的Web pack产品文件，它可以正常工作，但是我真的不想为此退出所有配置文件。

我还尝试复制完全相同的web pack.config.prod.js文件，该文件在弹出后可以正常工作，但是由于某种原因，这无济于事

这是我的web pack.config.prod.js中的代码：

if (requestCode != 0) {

我在prod文件中尝试了许多其他配置，但对prod没有任何影响。

全部tnx

Answer 1

弹出create-react-app

修改webpack.config.prod.js

替换：

{
  loader: require.resolve('css-loader'),
  options: {
   importLoaders: 1,
   minimize: true,
   sourceMap: shouldUseSourceMap,
  },
},

对此：

{
  loader: require.resolve('css-loader'),
  options: {
   importLoaders: 1,
   minimize: true,
   modules: true
   sourceMap: shouldUseSourceMap,
  },
},

create-react-app中的CSS模块无法在生产环境中使用（heroku）

1 个答案: