New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
妙用 package.json
快速 import
文件(夹)
#24
Comments
赞 |
👍 |
有點看不懂@@ 如果 router 裡面有 index.js |
是的,在目录文件夹下写 我直接 |
没有看明白,是不是说目录文件下面的 |
试了一下好像不行哈,需要什么特殊处理么 |
@lzghades 一样不行。不太明白,router 目录下添加 package.json 文件是把 router 目录当作 module? |
其他项目曲线救国: |
如果用 webpack 的话,直接 alias 就可以了 |
@zwhu yep |
@rccoder 使用这样的方法之后 WebStorm 无法跳进代码 |
@DBshaoYan 这确实是一个问题,如果是单纯的针对 Webpack 的 alias 的话可以使用 https://stackoverflow.com/questions/34943631/path-aliases-for-imports-in-webstorm#37135031 |
过了这么久,不知道相关问题是不是有更新。分享一下我的方案。 import 一堆相对路径虽然难看,但是我用的 WebStorm 它是支持自动导入的(在使用 named export 时效果最佳),直接都不用手写,重构的时候也支持一键重命名。于是,在「重度依赖 IDE 进行管理」这个上下文中,手动 import 和手动改路径的场景都不存在了,通过 本来嘛,路径这种 trivial 的事情交给 IDE 就好了,开发者可以关注更重要的事情。 |
正解 |
前言
如上,或许我们在项目中经常需要引入一些文件夹,入后在路径上就会出现好多的
../../
,并且一旦换个文件夹,都得重新检出import
是否正确一劳永逸
目录机构
黑魔法
在
router
文件夹中touch package.json
,然后写入:这样,你在项目中的任何一个文件中都可以这样
import
:结语
妈妈再也不用担心复杂的路径问题啦
其他项目
这种写法目测只在 RN 中支持,其他项目曲线救国:
babel-plugin-webpack-alias
The text was updated successfully, but these errors were encountered: