网站建设基础与网页设计,急招土建施工员技术员,西安做网站的公司哪家好,刚刚发生了什么大事在其它项目中看到的可以用符号来代替src目录#xff0c;那么在自己的react项目中也必须得尝试一下。本人的项目不是通过create-react-app脚手架来创建的#xff0c;无法使用craco或者的方案来实现。 jsconfig.json配置 用的vscode进行开发#xff0c;查看项目当中是否存在js…在其它项目中看到的可以用符号来代替src目录那么在自己的react项目中也必须得尝试一下。本人的项目不是通过create-react-app脚手架来创建的无法使用craco或者的方案来实现。 jsconfig.json配置 用的vscode进行开发查看项目当中是否存在jsconfig.json这个文件没有的话可以自己创建然后向文件中添加以下内容
{compilerOptions: {baseUrl: ./,paths: {/*: [src/*]}}
}这个配置的目的是为了让vscode识别符号在编写代码时输入符号后vscode会进行自动提示
webpack配置
然后在webpack.config.js中添加以下配置将符号映射到src目录的绝对路径
const path require(path);module.exports {// ...其他配置项resolve: {alias: {: path.resolve(__dirname, src) // 将符号映射到src目录的绝对路径}}
};完成上述两步重启项目之后就可以在项目中使用符号来代替src目录了看下替换以后的效果确实可以使代码简洁、可读性更高并且方便重构和迁移路径。
