用户注册

手机号码

姓名

密码

确认密码

邮箱

您的身份

用户登录

手机号码

密码

vue-cli3对资源路径配置别名(通过修改vue.config.js)

发表于:2021-01-19 13:51:59   共浏览158次

在采用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"))
  },
}


效果图如下:

image.png