我们在做项目的时候,应该给经常用到的文件配置它的别名,这样做,既可以方便引用,也可以防止当文件位置发生改变的时候出现错误。
配置前:
import bartar from '../../components/bartar'
配置后(不用再关心文件层级关系):
import bartarfrom 'components/bartar'
那么,我们应该如何进行配置呢?
在根目录下,创建一个vue.config.js文件,添加如下代码:
module.exports= {
configureWebpack: {
resolve: {
alias: {
'assets':'@/assets',
'common':'@/common',
'components':'@/components',
'network':'@/network',
'views':'@/views'
}
}
}
}
EditorConfig是什么
帮助开发者在不同IDE中保持一致的代码风格。工程中有.editorconfig配置文件及使用的IDE默认支持EditorConfig或安装插件支持即可。(VSCode是安装插件支持)