Bootstrap

react配置路径 -- alias

通过react-create-app 创建项目时,是咩有配置文件config, 因为隐藏在脚手架的项目中

第一步: react中我们 通过webpack 配置 alias, 所以首先要拿到config:

通过命令: npm run eject    将scripts 和config文件夹释放出来

该命令不可撤回, 并且需要代码全部暂存commit ,否则会报错–下图
在这里插入图片描述
将 修改代码commit后 就可以正常 npm run eject 释放 eject–下图
将scripts 和config文件夹释放出来
在这里插入图片描述
第二步: 打开config文件夹中的paths.js ,找到appSrc 配置进webpack.config.js

在这里插入图片描述
第三步: 打开config中的webpack.config.js 配置alias

在这里插入图片描述
第四步:报错问题—》
vue项目npm run dev 报错error in ./src/main.js Module build failed: Error: Cannot find module ‘babel-plugin-syntax-jsx’
解决问题:

npm install **

第五步 : 效果, 配置路径@:
在这里插入图片描述
第六步: 查看页面正常显示
在这里插入图片描述

;