Vue CL3配置路径别名详解

　　


　　

　　

最近用Vue Cli3脚手架搭建了Vue项目,发现没有构建目录了,里面的webpack相关的也没了,看了官方文档后,查了资料后,发现都在vue.config。js里来配置了
　　

　　

配置路径别名,方便引用,不用写那么长

　　

配置前:

　　 　　 　　从“. ./. ./组件/导入基于基于网络的 　　 　　

配置后(不用再关心文件层级关系):

　　 　　 　　从组件/基于网络的进口基于之前 　　 　　

在根目录下添加vue.config。js”,
　　

　　

添加如下代码:

　　 　　 　　const path=要求(“路径”) 　　函数解决(dir) { 　　返回路径。加入(__dirname dir) 　　} 　　模块。出口={ 　　lintOnSave:没错, 　　chainWebpack:配置=比;{ 　　config.resolve.alias 　　这里(‘@’,解决(src)) 　　这里(“资产”,解决(src/资产)) 　　这里(“组件”,解决(src/组件)) 　　这里(“布局”,解决(src/布局)) 　　} 　　} 　　 　　

使用: 　　 　　 　　从组件/基于网络的进口基于之前 　　 　　

<强>
　　

　　
    　　<李> vue.config.js文件创建完后,不需要什么操作,@vue/cli-service会自己识别,如果出现报错等等,可以先尝试重启下IDE或者启动下项目李 　　<李> vue.config.js在vue项目创建后,默认是没有的,是一个可选的文件 　　
　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

Vue CL3配置路径别名详解