fast-vue-multi-pages 1.0.0

package/vue/FastVueMultiPages.js

@@ -0,0 +1,294 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastVueMultiPages = void 0;
+const FastBuildOption_1 = require("./FastBuildOption");
+const FastPages_1 = require("./FastPages");
+const FastInjectJsPlugin_1 = require("./FastInjectJsPlugin");
+/**
+ * 项目相关操作
+ * @author Janesen
+ */
+class FastVueMultiPages {
+    static projectGlobalConfig = {};
+    /**
+     * 获取默认的vue配置文件
+     * @param dirName 项目根目录，建议取值 {@link __dirname}
+     * @param options 更多选项配置 {@link FastBuildOption}
+     */
+    static getDefaultVueConfig(dirName, options) {
+        if (options) {
+            options = FastBuildOption_1.FastBuildOption.merge(options, new FastBuildOption_1.FastBuildOption());
+        }
+        if (options.httpFinalParams) {
+            this.setGlobalConfig("httpFinalParams", options.httpFinalParams);
+        }
+        if (options.httpFinalHeaders) {
+            this.setGlobalConfig("httpFinalHeaders", options.httpFinalHeaders);
+        }
+        if (options.httpBeforeRequest) {
+            this.setGlobalConfig("httpBeforeRequest", options.httpBeforeRequest);
+        }
+        if (options.httpAfterRequest) {
+            this.setGlobalConfig("httpAfterRequest", options.httpAfterRequest);
+        }
+        const pages = FastPages_1.FastPages.getBuildPages(dirName, options);
+        if (options.autoCreateProjectIndexPage) {
+            pages["index"] = FastPages_1.FastPages.createIndexPage(JSON.stringify(pages, null, "\t"), dirName, options);
+        }
+        this.setGlobalConfig("projectTitle", options.projectTitle);
+        this.setGlobalConfig("projectModel", process.env.NODE_ENV);
+        this.setGlobalConfig("projectVersion", process.env.npm_package_version);
+        this.setGlobalConfig("projectDebug", this.isServiceDebug() || this.isVueCliServerServer());
+        if (options.globalConfig) {
+            for (let globalConfigKey in options.globalConfig) {
+                // @ts-ignore
+                globalConfig[globalConfigKey] = options.globalConfig[globalConfigKey];
+            }
+        }
+        const defineValue = {
+            SystemGlobalConfig: this.projectGlobalConfig,
+            BuildLevel: options.buildLevel
+        };
+        if (options.injectVariable) {
+            for (let dataKey in options.injectVariable) {
+                if (options.injectVariable[dataKey] === undefined) {
+                    continue;
+                }
+                if (dataKey === "SystemGlobalConfig") {
+                    continue;
+                }
+                if (dataKey === "FinalParams") {
+                    continue;
+                }
+                const value = options.injectVariable[dataKey];
+                if (typeof value === 'function') {
+                    defineValue[dataKey] = value;
+                }
+                else {
+                    defineValue[dataKey] = JSON.stringify(value);
+                }
+            }
+        }
+        if (!options.cacheVueLoader && this.isVueCliServerBuild()) {
+            const path = require("path");
+            const cacheDir = path.join(dirName, options.nodeModulesDir, ".cache", "vue-loader");
+            this.removeFile(cacheDir);
+        }
+        let outPageDir = this.getOutPageDir();
+        if (!outPageDir) {
+            outPageDir = options.projectOutDir;
+        }
+        const { defineConfig } = require('@vue/cli-service');
+        return defineConfig({
+            outputDir: outPageDir,
+            assetsDir: options.projectAssetsDir,
+            productionSourceMap: false,
+            publicPath: this.isVueCliServerBuild() ? "./" : '/',
+            transpileDependencies: true,
+            pages: pages,
+            css: {
+                extract: false, //取消css单独生成文件
+            },
+            chainWebpack: (config) => {
+                let tagLoaderPath = "fast-vue-multi-pages/dist/cjs/loader/FastTagBuilderLoader";
+                //版本标签加载器
+                config.module
+                    .rule('vue')
+                    .use(tagLoaderPath)
+                    .loader(tagLoaderPath)
+                    .options({
+                    buildLevel: options.buildLevel,
+                    buildLevelTagName: options.buildLevelTagName
+                }).end();
+                // ============压缩图片 start============
+                config.module
+                    .rule('images')
+                    .use('image-webpack-loader')
+                    .loader('image-webpack-loader')
+                    .options({
+                    bypassOnDebug: true
+                })
+                    .end();
+                // ============压缩图片 end============
+                if (options.chainWebpack) {
+                    options.chainWebpack(config);
+                }
+            },
+            configureWebpack: (config) => {
+                if (options.vConsole === "auto") {
+                    if (this.isVueCliServerServer() || this.isServiceDebug()) {
+                        const vConsolePlugin = require('vconsole-webpack-plugin');
+                        config.plugins.push(new vConsolePlugin({
+                            filter: [],
+                            enable: true
+                        }));
+                    }
+                }
+                else if (options.vConsole === "true" || options.vConsole === "on") {
+                    const vConsolePlugin = require('vconsole-webpack-plugin');
+                    config.plugins.push(new vConsolePlugin({
+                        filter: [],
+                        enable: true
+                    }));
+                }
+                if (this.isProduction() && !this.isServiceDebug()) {
+                    try {
+                        let targetTerser = config.optimization.minimizer[0].options.minimizer.options;
+                        if (!targetTerser) {
+                            targetTerser = config.optimization.minimizer[0].options.terserOptions;
+                        }
+                        targetTerser.compress.warnings = false;
+                        targetTerser.compress.drop_console = true;
+                        targetTerser.compress.drop_debugger = true;
+                        targetTerser.compress.pure_funcs = ['console.log', 'console.debug', 'console.error'];
+                    }
+                    catch (e) {
+                        console.error(e);
+                    }
+                }
+                config.plugins.push(new FastInjectJsPlugin_1.FastInjectJsPlugin(options));
+                const webpack = require("webpack");
+                config.plugins.push(new webpack.DefinePlugin(defineValue));
+                if (options.splitChunks) {
+                    config.optimization.splitChunks = {
+                        cacheGroups: {
+                            vendors: {
+                                name: 'chunk-vendors',
+                                test: /[\\/]node_modules[\\/]/,
+                                priority: -10,
+                                chunks: 'initial'
+                            },
+                            common: {
+                                name: 'chunk-common',
+                                minChunks: 2,
+                                priority: -20,
+                                chunks: 'initial',
+                                reuseExistingChunk: true
+                            }
+                        }
+                    };
+                }
+                else {
+                    config.optimization.splitChunks = false;
+                }
+                if (options.configureWebpack) {
+                    options.configureWebpack(config);
+                }
+            }
+        });
+    }
+    /**
+     * 设置全局变量值
+     * @param key 变量名
+     * @param data 变量值
+     */
+    static setGlobalConfig(key, data) {
+        if (typeof data === 'function') {
+            this.projectGlobalConfig[key] = data;
+        }
+        else {
+            this.projectGlobalConfig[key] = JSON.stringify(data);
+        }
+    }
+    /**
+     * 是否是 vue-cli-service build 命令构建模式
+     */
+    static isVueCliServerBuild() {
+        if (process.env.npm_lifecycle_script && process.env.npm_lifecycle_script.toString().indexOf("vue-cli-service build") >= 0) {
+            return true;
+        }
+        return false;
+    }
+    /**
+     * 是否是 vue-cli-service server 命令构建模式
+     */
+    static isVueCliServerServer() {
+        if (process.env.npm_lifecycle_script && process.env.npm_lifecycle_script.toString().indexOf("vue-cli-service serve") >= 0) {
+            return true;
+        }
+        return false;
+    }
+    /**
+     * 是否是正式版本，production
+     */
+    static isProduction() {
+        return process.env.NODE_ENV === 'production';
+    }
+    /**
+     * 是否的打包开发版本，development
+     */
+    static isDevelopment() {
+        return process.env.NODE_ENV === 'development';
+    }
+    /**
+     * 是否的打包测试版本，test
+     */
+    static isVueTest() {
+        return process.env.NODE_ENV === 'test';
+    }
+    /**
+     * 获取运行脚本 npm_lifecycle_script 里的参数值，例如：--model production 参数名：--model 参数值：production
+     * @param argument
+     */
+    static getScriptArgumentValue(argument) {
+        if (process.env.npm_lifecycle_script) {
+            const index = process.env.npm_lifecycle_script.indexOf(argument.trim());
+            if (index >= 0) {
+                const argumentVar = process.env.npm_lifecycle_script.toString().substring(index).trim();
+                const splitArray = argumentVar.split(" ");
+                if (splitArray.length > 1) {
+                    return splitArray[1].trim();
+                }
+                return "";
+            }
+        }
+        return null;
+    }
+    /**
+     * 获取命令参数 --src
+     */
+    static getSrcPageDir() {
+        return this.getScriptArgumentValue("--src");
+    }
+    /**
+     * 获取命令参数 --out
+     */
+    static getOutPageDir() {
+        return this.getScriptArgumentValue("--out");
+    }
+    /**
+     * 获取命令参数 --debug 的值
+     */
+    static isServiceDebug() {
+        const debugValue = this.getScriptArgumentValue("--debug");
+        if (debugValue == null) {
+            return false;
+        }
+        if (debugValue.length === 0) {
+            return true;
+        }
+        return debugValue === "true";
+    }
+    /**
+     * 彻底删除指定目录文件
+     * @param path
+     */
+    static removeFile(path) {
+        const fs = require("fs");
+        let files = [];
+        if (fs.existsSync(path)) {
+            files = fs.readdirSync(path);
+            files.forEach((file, index) => {
+                let curPath = path + "/" + file;
+                if (fs.statSync(curPath).isDirectory()) {
+                    this.removeFile(curPath); //递归删除文件夹
+                }
+                else {
+                    fs.unlinkSync(curPath); //删除文件
+                }
+            });
+            fs.rmdirSync(path); // 删除文件夹自身
+        }
+    }
+}
+exports.FastVueMultiPages = FastVueMultiPages;

package/vue/index.d.ts

@@ -0,0 +1,2 @@
+import { FastVueMultiPages } from "./FastVueMultiPages";
+export { FastVueMultiPages, };

package/vue/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastVueMultiPages = void 0;
+const FastVueMultiPages_1 = require("./FastVueMultiPages");
+Object.defineProperty(exports, "FastVueMultiPages", { enumerable: true, get: function () { return FastVueMultiPages_1.FastVueMultiPages; } });