alias cli3 配置_vue全局设置scss,配置路径别名，以及border-image实践

暂时研究不来了，明天吧

这篇文章会用到以上两篇文章

前端工程师：vue如何配置路径别名​zhuanlan.zhihu.com

前端工程师：vue-cli3设置scss全局变量​zhuanlan.zhihu.com

首先我们 来配置路径别名，以及设置全局变量

const path = require('path');
function resolve(dir) {
    
  return path.join(__dirname, dir);
}
module.exports = {
    
    //2.链式操作：允许对内部的webpack配置进行更细粒度的修改
    chainWebpack: (config) => {
    
      config.resolve.alias
        .set('@', resolve('src'))
        .set('@assets',resolve('src/assets'))
        .set('@img', resolve('src/assets/img'))
        .set('@css', resolve('src/assets/css'))
        .set('@utils', resolve('src/api/utils'))
        .set('@compon