react中配置绝对路径

在react中  如果想使用例如img的东西 它不像vue里面直接拿过来使用 react则需要手动引入 但是当项目目录嵌套太深的时候 很容易出现错误 有没有什么简单的方式呢 那肯定会有的了 react官网里面其实也有告诉配置的 只是不细心的人可能找不到 说白点 就是配置成绝对路径 看看到底该怎么配置吧

1. 在根目录下创建一个jsconfig.json文件(是根目录 而非src 相当于是和src同级的

2.在里面添加配置(添加完成后 一定要记得重新启动项目 这就相当于修改了配置文件 不重启会报错的

{
    "compilerOptions":{
        "baseUrl":"src"
    },
    "include":["src"]
}

3.页面引入 (它默认就是src 所以 只需要写绝对路径就行了

发布了109 篇原创文章 · 获赞 23 · 访问量 10万+

猜你喜欢

转载自blog.csdn.net/xy19950125/article/details/101366435