在采用vue3来构建项目时，我们可能无法像vue2那样可以在bulid中的webpack.base.conf.js中修改，因为在vue3中找不到bulid目录了。方法是在项目中增加vue.config.js(在根目录中创建)。

【然后做如下配置】

const path = require("path");
function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  chainWebpack: config => {
    config.resolve.alias
        .set("@", resolve("src"))
        .set("assets", resolve("src/assets"))
        .set("components", resolve("src/components"))
        .set("views", resolve("src/views"))
  },
}

效果图如下：