- 配置文件 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