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

    }

};