小编Yas*_*net的帖子

如何在 CRA (create-react-app) 和 craco 中通过 webpack 设置别名路径?

我在使用create-react-appcraco设置webpack别名路径时遇到问题,已经使用谷歌搜索但无法解决问题。

Module not found: Can't resolve '@app/App' in 'C:\ReactSandbox\my-project\src每次我使用命令运行应用程序时都会出错yarn start

重现步骤:

  1. create-react-app my-project
  2. cd my-project
  3. yarn add @craco/craco
  4. cat > craco.config.js (见下面的配置)
  5. 替换react-scriptscracopackage.json 上的“脚本”部分(craco start、craco build 等)
  6. 编辑文件src/index.js (替换第 4 行,见下面的代码)
  7. yarn start

craco.config.js

const path = require("path");

module.exports = {
  webpack: {
    resolve: { 
      alias: {
        "@app": path.resolve(__dirname, "src/"),
      }
    }    
  }
};
Run Code Online (Sandbox Code Playgroud)

源代码/索引.js

import React from 'react';
import ReactDOM from 'react-dom';
import …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs webpack

3
推荐指数
3
解决办法
1万
查看次数

标签 统计

javascript ×1

reactjs ×1

webpack ×1