vue.config.js

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

const isProduction = process.env.NODE_ENV == 'production'

const pkg = require("./package.json")
const moduleName = process.env.npm_config_module||""
if(moduleName)  console.debug(`指定模块为 ${moduleName} （将影响到具体的路由、MOCK 等）`)

let resolve = dir=>path.join(__dirname,dir)

let VERSION = (()=>{
    let now = new Date
    return `${now.getUTCFullYear() - 2000}.${now.getUTCMonth() + 1}.${now.getUTCDate()}`
})()

let devServer = {
    host: "0.0.0.0",
    port: 10000,
    hot: true, // 热更新
    client: {
        overlay: {
            warnings: false,
            errors: true
        }
    },
    proxy: (() => {
        let targets = {}    //url 前缀 与 映射地址，如："/booking" : "http://localhost:8080"

        let proxy = {}
        Object.keys(targets).forEach(k => {
            proxy[k] = {
                target: targets[k],
                changeOrigin: true,
                secure: false
                //ws: true,//websocket支持
            }
        })
        return proxy
    })()
}

let pages = {
    index   : 'src/main.js',
    meeting : { entry: 'src/pages/meeting/main.js', title:"会议室预约管理系统" },
    project : { entry: 'src/pages/project/main.js', title:"IT 项目管理系统" }
}

/**
 * @type {import('@vue/cli-service').ProjectOptions}
 */
module.exports = {
    pages,
    productionSourceMap: false,
    configureWebpack: config => {
        /**
         * 构建提速设置
         *  配置如下：
            Windows 11 家庭中文版
            版本	21H2
            操作系统版本	22000.1098
            处理器	11th Gen Intel(R) Core(TM) i5-11300H @ 3.10GHz   3.11 GHz
            机带 RAM	16.0 GB (15.8 GB 可用)

            构建速度约为 2100ms（未优化前为 14000 ms 左右）
         */
        //Webpack5 简单的配置 cache 属性可大大提高构建速度（约 600% 的加速）
        config.cache = {
            type: 'filesystem'
        },
        config.optimization.concatenateModules = false
        config.optimization.usedExports = false

        config.resolve = {
            extensions: ['.js', '.vue', '.json', ".css"],
            alias: {
                '@P'            : resolve('public'),
                '@'             : resolve('src'),                               //代码目录
                '@M'            : resolve("src/components/macro"),              //宏组件
                '@C'            : resolve("src/components"),                    //常用组件
                '@CN'           : resolve("src/components/naive-ui"),           //常用组件（适配 NaiveUI）
                '@CC'           : resolve("src/components/common"),             //常用组件（通用）
                '@CM'           : resolve("src/components/mixin"),              //mixin 组件
                '@Pagination'   : resolve("src/components/mixin/Pagination"),
                '@V'            : resolve("src/views"),                         //视图目录
                '@Store'        : resolve("src/store"),
                '@S'            : resolve("src/service"),                       //接口相关
                '@T'            : resolve("src/theme"),                         //主题相关
                '@U'            : resolve("src/util")                           //通用工具
            }
        }

        config.plugins.push(
            /**
             * 增加全局变量（名称以 _ 开始及结尾）
             * 代码中如何使用:
             *  1、打印     console.debug(_MODULE_)
             *  2、逻辑     if(_MODULE_=='kaoping') {}
             */
            new webpack.DefinePlugin({
                "_APPNAME_": JSON.stringify(pkg.appName),
                "_VERSION_": JSON.stringify(VERSION),
                "_MODULE_": JSON.stringify(moduleName),
                "_APP_INFO_": JSON.stringify({ dependencies: pkg.dependencies, devDependencies: pkg.devDependencies })
            })
        )

        node = {
            __filename: true,
            __dirname: true
        }
        // console.debug(config)
    },
    devServer,
    // chainWebpack: (config) => {
    //     if(isProduction){
    //         // 在 html 中注入参数变量
    //         config.plugin('html').use(require("html-webpack-plugin")).tap((args) => {
    //             console.debug(args)
    //             // 在这里
    //             args.title = `${pkg.appName}`
    //             args.version = VERSION
    //             return args
    //         })
    //     }
    //     return config
    // }
}