2020-03-13 关于vue-cli4的路径alias问题

坑了好久。找资料也很少，后来才反应过来。这个在cli3里面已经没有vue.config.js文件了，就要重新自建一个文件，然后进行配置参数，找cli3的资料就多了。可是还没解决问题，后来才恍然，是import的路径直接用别名就可以，如果是文件src路径要加~符号。emmmmmm。 T T
很多解决方案，其中一种

const path = require('path');

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

一定要多练习v-bind的使用