vue的webpack配置别名路径

W-阿飞 / 2024-11-13 / 原文

// vue.config.js
module.exports = {
configureWebpack: {
resolve: {
alias: {
'@': path.resolve(__dirname, 'src'), // 将'src'目录设置别名为'@'
'components': path.resolve(__dirname, 'src/components'), // 将'src/components'目录设置别名为'components'
'views': path.resolve(__dirname, 'src/views'), // 将'src/views'目录设置别名为'views'
// 可以继续添加更多别名
}
}
}
}