const { defineConfig } = require('@vue/cli-service')
const path = require('path')

module.exports = defineConfig({
    publicPath: process.env.VUE_APP_CONTEXT,
    outputDir: process.env.VUE_APP_OUTPUTDIR,
    assetsDir: process.env.VUE_APP_ASSETSDIR,
    lintOnSave: false,
    devServer: {
        historyApiFallback: true,
        allowedHosts: 'all',
        host: '0.0.0.0',
        port: 10086,
        open: true,
        proxy: {
            [process.env.VUE_APP_API_PREFIX]: {
                target: process.env.VUE_APP_API,
                changeOrigin: true,
                pathRewrite: {
                    [`^${[process.env.VUE_APP_API_PREFIX]}`]: ''
                }
            }
        }
    },
    configureWebpack: {
      resolve: {
        alias: {
          '@': path.resolve(__dirname, 'src')
        }
      }
    },
    // chainWebpack: (config) => {     // 打包清除console
    //     config.optimization.minimizer('terser').tap((args) => {
    //         args[0].terserOptions.compress.drop_console = true
    //         return args
    //     })
    // },
    css: {
        loaderOptions: {
            scss: {
                additionalData: `@import "./src/assets/css/public.scss";`
            }
        }
    }
})