vue配置config ‘./.../.../***/**.vue’路径别名

Posted 2021-03-07 chenyi4

cli-4的脚手架配置

因为组件的引用，经常会遇到import * from  ‘../../../components/common/***.vue‘这样的引入格式，太复杂了，所以可以在vue里面配置路径别名

首先在最外层，和package.json同级目录里面新建一个vue.config.js作为扩展配置。

代码如下

const path = require(‘path‘)
module.exports = {
    configureWebpack: (config) => {
        Object.assign(config, {
            resolve: {
                alias: {
                    ‘@‘: path.resolve(__dirname, ‘./src‘)
                }
            }
        })
    }
}

　　标红的就是路径重定义。__dirname是总文件的目录路径必须要引入

const path = require(‘path‘)，然后再使用path.resolve方法