在节点中导入时避免相对路径

Question

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

• src
  • 组件
    • Component1.vue
    • Component2.vue
  • 路由器
    • 路线
      • index.js

我需要将组件导入@section Scripts { @Scripts.Render("~/bundles/jqueryval") @Scripts.Render("~/Scripts/moment.js") <script> $(function () { $.validator.methods.date = function (value, element) { return this.optional(element) || moment(value, "DD/MM/YYYY", true).isValid(); } }); </script> } 中才能进行导航：

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条，我想保持同质性。

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

使用节点库或npm库，有什么可能的方法？

谢谢。

Answer 1

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

'@/components/component1.vue'

这与您的

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