vue-cli4 路径别名配置
2021-11-18 本文已影响0人
IamaStupid
vue-cli3 路径别名配置
这里只写我常用的一种方法,代码如下:
/**
* @type {import('@vue/cli-service').ProjectOptions}
*/
const path = require('path')
function resolve(dir) {
return path.join(__dirname, dir)
}
module.exports = {
publicPath: './',
devServer: {
port: 8081,
proxy: {
'/': {
target: 'http://111.111.111.111:8080',
changeOrigin: true
}
}
},
configureWebpack: {
devtool: 'source-map',
resolve: {
alias: {
'@': resolve('src'),
'@com': '@/components',
'@utils': '@/utils',
'@views': '@/views',
'@assets': '@/assets'
}
}
}
}