使用import() 按需引入时如何写绝对路径？

Question

项目基于vue-cli，我需要使用 import() 语法按需引入某个文件，现在写相对路径暂时可以解决问题，但是为了以后维护想改成绝对路径。不知道该怎么写。

Answer 1

不知道你注意没注意vue cli生产的wenpack配置中有这个:

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src')    //<== 这里，具体可以看resolve方法内部 @符合就代表了 磁盘中src的绝对路径
    }
 },

在组件中调用的时候

import Test from '@/component/test'