在任何使用node.js的项目中,react,我设置了env变量:
NODE_PATH=src/
然后我可以导入
import COLORS from 'Constants/Colors'
代替
import COLORS from '../../../Constants/Colors'
我刚开始使用react-native和expo,并试图找到解决方案。
我尝试了相同的方法添加env变量,但它不起作用
在任何使用node.js的项目中,react,我设置了env变量:
NODE_PATH=src/
然后我可以导入
import COLORS from 'Constants/Colors'
代替
import COLORS from '../../../Constants/Colors'
我刚开始使用react-native和expo,并试图找到解决方案。
我尝试了相同的方法添加env变量,但它不起作用
3条答案
按热度按时间oknwwptz1#
你可以使用babel-plugin-module-resolver库来简化你的导入路径。它允许写别名导入而不是复杂的相对路径。
wz1wpwve2#
安装babel-plugin-module-resolver
然后像这样在
babel.config.js
文件中添加相对路径然后你可以像这样使用绝对路径
致
5uzkadbs3#
使用Imports属性
截至2023年3月,消除JavaScript相对路径的一个好方法是在
package.json
中使用imports
属性。有关更多信息,请参阅此帖子:在下面的代码中,#root是项目根。
(请投票支持这个答案,如果他们帮助你,请this post。谢谢!)
对于CommonJS风格的JavaScript:
ECMAScript风格的JavaScript:
优点:
WebStorm 2022.3.2
和VS Code 1.76.2
上进行了测试。).mjs
(ECMAScript模块系统)和.cjs
(CommonJS)文件类型。请参阅reference Post on .cjs and .mjs.node_modules
目录进行修改