vue中修改别名（alias）

这里踩了很大的坑，记录下来。

因为使用的是最新的脚手架工具 @vue/cli ，它不会生成任何webpack文件，所以需要手动创建。 根据官方文档 ：需要创建vue.config.js

还有一个坑，就是没有安装 path ，导致无法解析路径

下面上代码就懂了

const path = require('path');

function resolve(dir) {
    return path.join(__dirname, dir);
    }
    module.exports = {
    lintOnSave: true,
    chainWebpack: (config) => {
        config.resolve.alias
        .set('styles',resolve('src/assets/styles'))
        // 这里只写了两个个，你可以自己再加，按这种格式.set('', resolve(''))
    }
};