Vue-Cli4 配置文件路径别名

实现:

别名的编码方式

设置别名:编码

Vue-Cli4 配置文件路径别名_第1张图片
代码

建立vue.config.js,默认不存再vue-cli4。下面可以直接使用代码

const path = require('path');//引入path模块

function resolve(dir){

    return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径

}

chainWebpack:(config)=>{

      config.resolve.alias

      .set('@',resolve('./src'))

      // .set('components',resolve('./src/components'))

      // .set('views',resolve('src/views'))

      // .set('assets',resolve('src/assets'))

      // //set第一个参数:设置的别名,第二个参数:设置的路径

    }

参考文章:https://www.cnblogs.com/zwnsyw/p/12316622.html

你可能感兴趣的:(Vue-Cli4 配置文件路径别名)