const { defineConfig } = require('@vue/cli-service')
//按需引入ElementUI
const AutoImport = require('unplugin-auto-import/webpack')
const components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')

const path = require('path')
const webpack = require('webpack')

function resolve(dir) {
    return path.join(__dirname, dir)
}


module.exports = defineConfig({
    //相对publicPath的限制
    //publicPath:process.env.NODE_ENV === 'production' ? '/production-sub-path'/ : '/'
    publicPath: "./",

    //运行vue-cli-serve build时生成的生产环境构建文件的目录
    outputDir: 'disk',

    //放置生成的静态资源(js、css、img、fonts)的(相对于outputDir的)目录
    assetsDir: 'assets',

    //避免构建后的代码中出现未转译的第三方依赖
    transpileDependencies: true,

    //devServer本地开发服务器，自动监听变化，自动打包构建，自动更新刷新浏览器
    devServer: {
        // client: {
        //     overlay: {
        //         warnings: false,
        //         errors: true,
        //     },
        // },
        historyApiFallback: true,//前端重定向
        // noInfo: true,


        hot: true, //热加载
        host: 'localhost',
        port: 9090, //端口
        https: false, //关闭https
        open: true, //自动打开浏览器
        //代理
        proxy: {
            '/aApi': {
                target: 'http://localhost:9191',
                secure: false,
                ws: true,
                changeOrigin: true,
                pathRewrite: {
                    '/aApi': ''
                }
            },
        },
    },
    chainWebpack: config => {
        config.resolve.alias.set('static', resolve('public/static'))
    },

    //按需引入ElementUI
    configureWebpack: {
        plugins: [
            AutoImport({
                resolvers: [ElementPlusResolver()],
            }),
            components({
                resolvers: [ElementPlusResolver()],
            }),
        ],
    }
})