2023-2-8 day9 react+ts (craco.config.js配置src别名@)

430 阅读1分钟

craco配置src别名@方法步骤:

  1. npm i @craco/craco@alpha --save 安装creaco
  2. 根目录创建craco.config.js image.png
//craco.config.js
const path = require("path");
const resolve = dir => path.resolve(__dirname, dir);

module.exports = {
  webpack: {
    alias: {
      '@': resolve("src"),
    }
  }
}

因为是ts项目,tsconfig.json仍然不认识@,所以我们也需要在tsconfig.json中添加配置

image.png

3.package.json修改

image.png