cli4 别名配置

1. 配置文件 vue.config.js 和 .editorconfig

vue.config.js(cli4的写法)

注：该文件要放在根目录下与src同级

const path = require('path');//引入path模块
function resolve(dir){
    return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径
}

module.exports={
    chainWebpack:(config)=>{
        config.resolve.alias
            .set('@',resolve('src'))
            .set('components',resolve('src/components'))
            .set('views',resolve('src/views'))
            .set('assets',resolve('src/assets'))
            .set('common',resolve('src/common'))
            .set('network',resolve('src/network'))
        //set第一个参数：设置的别名，第二个参数：设置的路径

    }
}

在html中使用（需要加~）

	<img src='~assets/img/category/category.svg' alt="">

在js中直接使用

import main_tab_bar from 'components/content/main_tabbar/main_tab_bar.vue'

在css中直接使用

@import "assets/css/base.css";

.editorconfig 在根目录下与src同级

root = true

[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true