React之设置文件夹别名

前端开发小技巧 - 【React】- 配置@别名路径 以及 路径联想

• 安装 caro 工具包

npm i `@craco/craco -D

• 在项目根目录下 创建 craco.config.js 配置文件

// 从 node 中导入 内置的 path 模块
const path = require("path");

module.exports = {
  // webpack配置
  webpack: {
    // 配置别名
    alias: {
      // 约定使用 @ 表示 src 文件所在目录
      "@": path.resolve(__dirname, "src"),
    },
  },
};

• 修改 script 命令

"scripts": {
	"start": "craco start",
	"build": "craco build",
	"test": "craco test",
	"eject": "craco eject"
},

• 重启项目