文件路径别名问题

文件路径别名问题

vue-cli3里需要在根目录下配置vue.config.js文件

module.exports = {
  //先写一个configureWebpack 表示你准备配置webpackConfig
  configureWebpack: {
    //配置路径相关的时候用resolve 可以解决路径相关的问题
    resolve: {
      //别名ps：.vue等相关的其实已经写了，这里只需要写我们自己需要的
      alias: {
        //默认有@  他指向的是：src
        'assets': '@/assets',
        'components': '@/components',
        'views': '@/views',
        'tabbar':'@/components/tabbar'
        //router 一般情况下不用配置，因为只有在main.js中引用一次，如果有需要也可以在这里配置
        // 'router': '@/router'
      }
    }
  }
}

注意点：

别名在import里可以直接使用

import TabBar from "tabbar/TabBar";

在html使用前边要加上波浪号~

<img slot="item-icon" src="~assets/img/tabbar/profile.svg" alt="">