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

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方法

posted on 2020-02-27 22:05  chenyi4  阅读(...)  评论(...编辑  收藏

导航

统计