vue-cli4 路径别名配置

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'
            }
        }
    }
}