VueCli4构建项目如何配置文件路径别名？
Posted cqkjxxxx
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了VueCli4构建项目如何配置文件路径别名？相关的知识，希望对你有一定的参考价值。
1.在项目文件根目录上创建 vue.config.js 文件
2.写入以下代码，具体内容见注释：
const path = require(‘path‘) // 引入path模块
function resolve(dir) {
return path.join(__dirname, dir) // path.join(__dirname)设置绝对路径
}
module.exports = {
chainWebpack: config => {
config.resolve.alias
.set(‘@‘, resolve(‘./src‘))
.set(‘components‘, resolve(‘./src/components‘))
.set(‘views‘, resolve(‘src/views‘))
.set(‘assets‘, resolve(‘src/assets‘))
// set第一个参数：设置的别名，第二个参数：设置的路径
}
}
以上是关于VueCli4构建项目如何配置文件路径别名？的主要内容，如果未能解决你的问题，请参考以下文章