运行 npm runeject 以使用 css 模块答案

【问题标题】：Running npm run eject to use css modules运行 npm runeject 以使用 css 模块
【发布时间】：2020-05-21 10:46:25
【问题描述】：

在运行命令 npm runeject 时，我应该在 config 中获得两个名为 webpack.config.prod 和 的文件webpack.config.dev 来修改 css 加载器。但是，我没有得到它们。可能是什么问题？

【问题讨论】：

标签： reactjs npm package.json

【解决方案1】：

您必须遵循一些步骤： 1. git add .

您必须在安装弹出之前提交： git commit -m "一些味精"
运行弹出：如果你使用纱线，你应该在你的终端上输入： 纱线弹出 要么 npm 运行弹出
一个配置文件夹将被添加到您的项目中，在此文件夹中，您将找到一个名为“webpack.config.js”的文件。搜索“css-loader”或输入 (Ctrl+f) 来搜索特定的单词。您将在此文件中找到以下代码。
```
{
   loader: require.resolve('css-loader'),
   options: cssOptions,      
}
```

改变它：

{
   loader: require.resolve('css-loader'),
   options: {
      modules: {
        mode: "local",
        localIdentName: "[name]_[local]_[hash:base64:5]"
      },
      import: true,
      importLoaders: true
    }     
}

5.最重要的是现在你必须重新启动代码编辑器，有时可能是 4/5 次。

这些上面的步骤对我有用。希望它也对您有用。 享受......

【讨论】：

【解决方案2】：

您应该得到config/webpack.config.js，如果您愿意，您可以将其分成两部分。但是你也可以使用 env 有条件地设置你的加载器。查看build.js 和start.js 脚本中的const configFactory = require('../config/webpack.config'); 和const config = configFactory('development / production');。

您可能不需要弹出：Create React App 2+ 支持 TypeScript、Sass、CSS 模块等，无需弹出：https://reactjs.org/blog/2018/10/01/create-react-app-v2.html

【讨论】：