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'))
    }
};