2020-web前端-vue-cli4.2.3 路径别名配置

itwangyang520

于 2020-04-27 15:26:41 发布

阅读量601

点赞数

分类专栏： vue-cli4 路径别名配置 web前端文章标签： vue.js

本文链接：https://blog.csdn.net/itwangyang520/article/details/105791594

版权

web前端同时被 3 个专栏收录

53 篇文章 1 订阅

订阅专栏

vue-cli4

2 篇文章 0 订阅

订阅专栏

路径别名配置

1 篇文章 0 订阅

订阅专栏

1.首先。看看Vue的版本号

		vue -V

在这里插入图片描述

2.再次就是创建vue.config.js

在这里插入图片描述

3.然后在vue.config.js 开始敲代码了

config => {
    /**
     * set('@', resolve('src'))
     * 这个配置就是src，可以直接写成: @/  比如说： @/router
     *
     * set('_c', resolve('src/components')
     * 这个就是将src/components，直接可以写成：_c
     *  */
    // config.resolve.align.set('@', resolve('src')).set('_c', resolve('src/components'))
    config.resolve.alias
      .set('@', resolve('src')) // key,value自行定义，比如.set('@@', resolve('src/components'))
      .set('_c', resolve('src/components'))
  },