vue 相对路径,

　　本文主要介绍了vue@~相对路径别名的设置方法，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

目录

　　 @ ~相对路径路径别名设置项目设置src相对路径is @步骤1创建vue.config.js文件步骤2添加代码

@ ~ 相对路径 路径别名设置

　　。/这表示相对路径，同级目录。/上级目录。@/这是webpack设置的路径别名。在build/webpack.base.conf文件中设置了@在build/webpack.base.conf里找到如下。

　　解决：{

　　扩展名：[。js ，。vue ，。json]，//在文件路径中引入后缀时不需要添加文件后缀。

　　别名：{

　　Vue$: vue/dist/vue.esm.js ，//vue简介

　　@: resolve(src )，

　　 ASD :resolve( src/components/children )，//创建从src写入的新文件路径。

　　}

　　},

　　使用从“@/components/children/heads”导入标题，而不是使用。/还有./通常，您可以使用@来直接定位src目录。

　　或者从“asd/heads”导入heads

　　另外，在组件中，我们会引用一些静态文件，也就是静态下的文件。这时候就不能用上面相对路径的配置了，必须用通用路径模式。

项目设置src相对路径为@

第一步 创建vue.config.js文件

第二步 添加代码

　　const path=require(path )

　　函数解析(目录){

　　返回path.join(__dirname，dir)

　　}

　　模块.导出={

　　devServer: {}，

　　chainWebpack: (config)={

　　config.resolve .别名。set(@ )，resolve(src )。set(@u ，resolve(src/utils )，

　　@c: resolve(src/components )，

　　@v: resolve(src/pages )，

　　@s: resolve(src/static )，

　　@u: resolve(src/utils )

　　}

　　}

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。