javascript - 在 Node 中进行导入时避免相对路径

Question

在我的 vue-cli 项目中，我有以下文件结构:

• 源代码
  • 组件
    • 组件1.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 语句的解决方案，而不是 import 的解决方案，并且我想保持同质性。

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

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

提前致谢。

Answer 1

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

'@/components/component1.vue'

这与您的相同

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