vue-Cli3工具中,配置路径别名

使用vue cli3搭建vue项目,配置路径别名在vue.config.js配置(没有build目录,里边的webpack相关也没有了)

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

配置前:

1import Banner from '../components/m-banner.vue';

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

1import Banner from 'components/m-banner.vue';


vue.config.js的文件:

constpath = 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第一个参数:设置的别名,第二个参数:设置的路径

}}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容