vue-cli 3.0 添加文件引用的别名

1、新建vue.config.js   2、复制如下格式的代码

vue-cli 3.0 添加文件引用的别名_第1张图片

代码:

module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        'api': '@/api',
        'assets': '@/assets',
        'components': '@/components',
        'views': '@/views'
      }
    }
  }
}

注意:这里默认@默认代表路径是:front-pc/src/,vue-cli默认设置好的

 

3、使用

vue-cli 3.0 添加文件引用的别名_第2张图片

这里的 $ 是我自定义的符号,你可以自己命名,如:API

你可能感兴趣的:(web前端,vue知识)