x

2024-05-21 11:34:38 +08:00
commit 1c0e4b1bf0
70 changed files with 2077 additions and 0 deletions
--- a/vue/webpack.config.js
+++ b/vue/webpack.config.js
@@ -0,0 +1,156 @@
+const TerserPlugin = require("terser-webpack-plugin"),
+    { VueLoaderPlugin } = require("vue-loader"),
+    path = require("path"),
+    fs = require("fs-extra");
+// const ZenAppPlugin = require("@zen/app-plugin");
+const MiddleWare = require("@zen/app-plugin/middleware");
+
+function optimization(mode) {
+    if (mode === "production") {
+        return {
+            splitChunks: false,
+            minimize: true,
+            minimizer: [
+                new TerserPlugin({
+                    terserOptions: {
+                        ecma: undefined,
+                        parse: {},
+                        compress: {},
+                        mangle: true, // Note `mangle.properties` is `false` by default.
+                        module: false,
+                        // Deprecated
+                        output: null,
+                        format: null,
+                        toplevel: false,
+                        nameCache: null,
+                        ie8: false,
+                        keep_classnames: undefined,
+                        keep_fnames: false,
+                        safari10: false,
+                    },
+                }),
+            ],
+        };
+    }
+    return {};
+}
+
+var webpackConfig = {
+    entry: {},
+    output: {
+        filename: "[name].js",
+    },
+    watchOptions: {
+        // , "**/*.json"
+        ignored: ["node_modules", "dist", "debug"],
+        poll: 300,
+    },
+    externals: {
+        vue: "Vue",
+        "router-view": "VueRouter",
+        "element-plus": "ElementPlus",
+    },
+    plugins: [new VueLoaderPlugin()],
+    resolve: {
+        alias: {
+            "@util": path.resolve(__dirname, "src/util"),
+            "@store": path.resolve(
+                __dirname,
+                "src/design/engine/store/index.js"
+            ),
+        },
+        extensions: [".js", ".vue", ".jsx", ".json"],
+    },
+    module: {
+        noParse: /Vue|jquery/,
+        rules: [
+            {
+                test: /\.jsx?$/,
+                exclude: /(node_modules|bower_components)/,
+                use: {
+                    loader: "babel-loader",
+                    options: {
+                        cacheDirectory: true,
+                        presets: [
+                            [
+                                "@vue/app",
+                                {
+                                    modules: "commonjs",
+                                    loose: true,
+                                    useBuiltIns: "entry",
+                                },
+                            ],
+                        ],
+                        plugins: ["@babel/plugin-syntax-jsx"],
+                    },
+                },
+            },
+            {
+                test: /\.vue$/,
+                loader: "vue-loader",
+            },
+            {
+                test: /\.css$/,
+                use: ["style-loader", "css-loader"],
+            },
+            {
+                test: /\.scss$/,
+                use: [
+                    "style-loader",
+                    "css-loader", // translates CSS into CommonJS
+                    {
+                        loader: "sass-loader",
+                        options: {
+                            implementation: require("sass"),
+                        },
+                    },
+                ],
+            },
+        ],
+    },
+};
+let basename,
+    file,
+    i,
+    len,
+    sourceList,
+    vuePath = path.resolve(__dirname);
+
+sourceList = fs.readdirSync(path.resolve(vuePath, "src"));
+for (i = 0, len = sourceList.length; i < len; i++) {
+    file = sourceList[i];
+    if (file.indexOf(".js") === -1) {
+        continue;
+    }
+    basename = path.basename(file);
+    basename = basename.substr(0, basename.length - 3);
+    webpackConfig.entry[basename] = path.resolve(vuePath, "src", file);
+}
+module.exports = (env, argv) => {
+    let mode = argv.mode;
+    webpackConfig.mode = mode;
+    webpackConfig.optimization = optimization(mode);
+    if (mode === "development") {
+        webpackConfig.cache = { type: "memory" };
+        webpackConfig.devServer = {
+            open: true,
+            hot: false,
+            client: false,
+            host: "127.0.0.1",
+            allowedHosts: "all",
+            onAfterSetupMiddleware: MiddleWare,
+            static: {
+                directory: path.join(vuePath, "public"),
+            },
+            headers: {
+                "Access-Control-Allow-Origin": "*",
+                "Access-Control-Allow-Headers": "*",
+            },
+        };
+        // webpackConfig.plugins.push(new ZenAppPlugin());
+    } else {
+        webpackConfig.output.clean = true;
+        webpackConfig.output.path = path.join(vuePath, "dist");
+    }
+    return webpackConfig;
+};