一、首先创建vue.config.js(名字不能更改)
二、使用vue.config.js为常用的文件路径进行标识
module.exports = {configureWebpack: {resolve: {alias: {'assets': '@/assets','components': '@/components','views': '@/views'}}}}
之后使用到该文件下的路径时,直接对文件夹名调用就可
这么做的好处就在于当文件路径发生改变时,只需要在vue.config.js中修改路径,就不必去每个导入文件的地方进行修改,在大项目的开发中是友好的配置。