@edwardxyt/gws-cli/src/simple-2018/config/index.js

这是一个web脚手架工具，用于生成基于webpack5,生成typescript+react17+mobx5+reactRouter6的应用。初衷是要解决多入口，多环境。单独编译单独运行的脚手架。做到小而美。拒绝锦上添花。

const path = require("path");
const ip = require("ip");
const debug = require("debug");
const R = require("ramda");
const projects = require("./project");
const isNotEmpty = R.complement(R.isEmpty);
const isNotNil = R.complement(R.isNil);
const echo = debug("development:config");

let app_config = (rootDir = "/") => {
    // 加载本地配置文件
    let settings = {};
    try {
        settings = require("./localhost.project");
        echo("加载本地项目配置。");
        echo("合并本地项目配置。");
    } catch (e) {
        echo("无本地项目配置文件可用！");
    }

    // 合并本地与全局
    const CONSTANTS = Object.assign({}, projects, settings);

    let entry = process.env.npm_config_ENTRY || process.env.ENTRY;
    let env =
        process.env.npm_config_ENV || process.env.ENV || process.env.NODE_ENV;

    let [cluster, project] = R.split("/", entry);
    let debugging = env !== "production";

    let project_library = CONSTANTS[cluster][project].library;
    let externals = CONSTANTS[cluster][project].externals;
    let mobile = CONSTANTS[cluster][project].mobile;

    let api_path = CONSTANTS[cluster][project].env[env].api_path;
    let cdn_path = CONSTANTS[cluster][project].env[env].cdn_path;
    let eslint = CONSTANTS[cluster][project].env[env].eslint;
    let Vconsole = CONSTANTS[cluster][project].env[env].console;

    if (isNotEmpty(entry) && isNotNil(entry)) {
        echo(`根路径：${rootDir}`);
        echo(`VConsole：${Vconsole}`);
        echo(`是否移动开发：${mobile}`);
        echo(`启动代码优化：${eslint}`);
        echo(`启动项目：${cluster} - ${project}`);
        echo(`API_PATH：${api_path}`);
        echo(`CDN_PATH：${cdn_path}`);
        echo(`启动环境：${env}`);
        echo(`node环境：${process.env.NODE_ENV}`);
        echo(`启动调试：${debugging}`);
        echo(`第三方库：${project_library}`);

        return {
            // ----------------------------------
            // Project Structure
            // 项目结构
            // ----------------------------------
            rootDir, // 项目根目录
            entry, // 启动时传入的参数，既项目目录
            entryDir: path.join(rootDir, "src", `${entry}`),
            env,
            eslint,
            IP: ip.address(),
            main: path.join(rootDir, "src", `${entry}`, "main.js"), // 启动入口文件
            antd: mobile
                ? [
                      //不能同时按需加载两个库，第二个会失去样式。建议移动采用手动按需加载
                      "import",
                      {
                          libraryName: "antd-mobile",
                          style: "css"
                      }
                  ]
                : [
                      "import",
                      {
                          libraryName: "antd",
                          libraryDirectory: "es",
                          style: "css"
                      }
                  ],
            console: Vconsole
                ? path.join(rootDir, "config", "console.js")
                : Vconsole, // console入口文件
            debug: debugging,
            src: path.resolve(rootDir, "src"), // 源码目录
            dist: path.join(rootDir, "dist"), // 编译文件
            temp: path.join(rootDir, "temp"), // 临时文件
            cache: path.join(rootDir, "cache"), // 缓存文件
            distHtml: path.join(
                rootDir,
                "dist",
                cluster,
                project,
                "index.html"
            ), // 编译后入口
            node_module_dir: path.resolve(rootDir, "node_modules"), // 依赖模块目录
            template_path: path.join(rootDir, "src", `${entry}`, "index.hbs"),
            templates_dir: path.join(rootDir, "src", `${entry}`, "/templates"),

            // ----------------------------------
            // inject API
            // 注入前端页面 全局变量
            // ----------------------------------
            inject: {
                __API__: JSON.stringify(api_path),
                __CDN__: JSON.stringify(cdn_path),
                __ENV__: JSON.stringify(env),
                __DEBUG__: JSON.stringify(debugging),
                __PROJECT__: JSON.stringify(entry)
            },

            // ----------------------------------
            // library
            // 提取第三方库
            // ----------------------------------
            library: [
                "mobx",
                "mobx-react",
                "react",
                "react-dom",
                "react-router-dom",
                "axios",
                "ua-parser-js",
                ...project_library
            ],

            // ----------------------------------
            // resolve
            // 模块如何被解析
            // ----------------------------------
            resolve: {
                extensions: [".js", ".jsx", ".json"],
                alias: {
                    "@": path.join(rootDir, "src", `${entry}`),
                    "~": path.join(rootDir, "src", `${entry}`, "common")
                }
            },

            // ----------------------------------
            // 排除CDN 暂时未使用
            // 如果使用一下library将不生效
            // ----------------------------------
            externals,

            // ----------------------------------
            // 其他配置
            // ----------------------------------
            PRESETS_ENV_BROWSERS: ["last 2 major versions"],

            // ----------------------------------
            // CDN 地址
            //
            // 如果只有一个cdn服务器 那么写下如下
            // cdn_path: `http://cdn.example.com/static/${cluster}/${project}/`,
            // ----------------------------------
            cdn_path: cdn_path,

            // ----------------------------------
            // server
            // webpack-dev服务器
            // ----------------------------------
            devServer: {
                port: process.env.npm_package_config_port || 3000
                // proxy: {
                //     "/api/*": {
                //         target: "http://ed.9888.cn", //请求到 /api/users 现在会被代理到请求 http://localhost:3000/api/users
                //         secure: false
                //     },
                //     "/mpwap/*": {
                //         target: "http://ed.9888.cn", //请求到 /api/users 现在会被代理到请求 http://localhost:3000/api/users
                //         secure: false
                //     }
                // }
            }
        };
    } else {
        echo("缺少入口地址！");
    }
};

module.exports = app_config;