美文网首页
2021-03-10 react 配置别名,eject暴露we

2021-03-10 react 配置别名,eject暴露we

作者: 本泽锅 | 来源:发表于2021-03-10 16:45 被阅读0次

第一步 安装 yarn add @craco/craco 插件

第二步

在 package.json 文件中
将
"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }, 
改成
"scripts": {
    "start": "craco start",
    "build": "craco build",
    "test": "craco test",
    "eject": "react-scripts eject"
  },

第三部

然后在项目根目录创建一个 craco.config.js 用于修改默认配置。
const path = require('path')
const reslove = dir => path.resolve(__dirname,dir)

/* craco.config.js */
module.exports = {
    // ...
    webpack : {
        alias : {
            "@" : reslove("src")
        }
    }
};

然后重新运行命令 yarn start 别名配置成功

相关文章

网友评论

      本文标题:2021-03-10 react 配置别名,eject暴露we

      本文链接:https://www.haomeiwen.com/subject/ajwwqltx.html