在节点中进行导入时避免使用相对路径答案

【问题标题】：Avoid relative paths when doing an import in node在节点中进行导入时避免使用相对路径
【发布时间】：2019-07-24 08:02:59
【问题描述】：

在我的 vue-cli 项目中，我的文件结构如下：

源
- 组件
  - Component1.vue
  - Component2.vue
- 路由器
  - 路线
    - index.js

我需要在我的router/routes/index.js 中导入我的组件以处理导航：

import Component1 from '../../components/Component1.vue'
import Component2 from '../../components/Component2.vue'

const routes = [
    { path: '/route1', component: Component1 },
    { path: '/route2', component: Component2 }
]

我想避免使用.. 进行完整路径导航，而是能够将我的src 文件夹设置为“根”路径，以便执行以下操作：

import Component1 from 'src/components/Component1.vue'
import Component2 from 'src/components/Component2.vue'

我已经阅读了以下文章，但我只找到了关于require 语句的解决方案，而不是imports，我想保持同质性。

https://gist.github.com/branneman/8048520

使用 node 或 npm 库有哪些可能的方法？

提前致谢。

【问题讨论】：

标签： javascript node.js import path

【解决方案1】：

您可以使用@、@- 指您的根文件夹。例如：

'@/components/component1.vue'

这和你的一样

'../../components/Component1.vue'

【讨论】：

制作自动返回组件路径的函数也是一个好习惯