Nodejs项目中使用引入路径别名alias

问题

当我们在使用Nodejs开发项目的时候常常会遇到各种文件的import,而有的文件路径过深,就会导致如下情况:

import '.../.../.../a.js'

这样其实是特别麻烦,且对后期项目维护非常不友好的,下面我们通过给路径定义别名(alias)的方式来解决这个问题。

方法

两个方法,可以根据自身情况来使用。

1. 方法一(适用于CommonJS引入的项目)

如果你的项目的文件引入规则是CommonJS(例如:require('.../.../.../a.js')),如此你就可以使用一个叫module-alias插件来解决问题,使用方法参考module-alias

如果你使用的是ES6的模块引入的话,使用这个插件就会报错(报错示例链接),文档上说支持ES Module的,但是没用。

2. 方法二(适用于ES Module引入的项目)

如果你的项目的文件引入规则是ES Module(例如:import '.../.../.../a.js'),这样你就可以在package.json中直接定义路径别名了:

// package.json

"type": "module" // 使用ES Module必须配置这个
"imports": {
	"#root/*": "./*", // 根目录
	"#services/*": "./src/services/*" // 服务层文件夹
}

如上代码所示,可以根据自己需求调整。

import a from '#root/app/model/a.js' // 使用别名

具体可以参考文档node/packages_imports

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值