Vue Cli3 中别名的配置问题

Vue Cli3 中别名的配置问题

vue-cli3中是没有config、build等目录的,这是因为vue-cli3中将这些配置隐藏起来了,如果想要修改,可以在vue.config.js文件中进行修改。

以下是在vue-cli3中配置别名的方法,在项目的根目录下的vue.config.js文件中,进行以下配置

const path = require('path'); // 引入path模块
function resolve(dir) {
    return path.join(__dirname,dir) //path.join(_dirname)设置绝对路径
}

module.exports = {
    chainWebpack:(config)=>{
        config.resolve.alias
            //第一个参数:别名 第二个参数:路径
            .set('components',resolve('src/components'))
            .set('assets',resolve('src/assets'))
            .set('common',resolve('src/common'))
            .set('views',resolve('src/views'))
    }
};
上一篇:vue-cli3以上框架解决跨域问题


下一篇:vue-cli3构建多页面应用2.0