无法为 webpack.config 添加别名

Question

我已经使用 create-react-app 创建了 React 应用程序，但我无法添加别名来解析 -> 位于 node_modules/react-scripts/config 的 webpack.config.js 中的别名节点：找不到模块：无法解析 'c:\my-app\src\app'

中的“@/_components”

alias: {
  '@': path.resolve(__dirname, 'src/'),

Answer 1

一旦你使用 create-react-app 修改你的 webpack 设置的标准方法是运行 npm run eject 如所述 docs 而不是直接修改 node_modules如你所愿。

为了避免弹出命令，您可以使用帮助程序库 react-app-rewired 来简化覆盖某些默认 webpack 配置的过程。

尽管如此，create-react-app 提供了通过 jsconfig.json 文件指向绝对路径的选项，如 docs reference 中所述，这可能更适合您：

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

Unable to add alias to webpack.config