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")) }, }
效果图如下: