环境打包

vue.config.js

@@ -6,12 +6,11 @@ function resolve(dir) {
 }
 
 const CompressionPlugin = require('compression-webpack-plugin')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
 
 const name = process.env.VUE_APP_TITLE || '若依管理系统' // 网页标题
 
-const baseUrl = 'http://localhost:8080' // 后端接口
 
-const port = process.env.port || process.env.npm_config_port || 80 // 端口
 
 // vue.config.js 配置说明
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
@@ -20,7 +19,7 @@ module.exports = {
   // 部署生产环境和开发环境下的URL。
   // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
   // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
-  publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
+  publicPath: process.env.NODE_ENV === "production" ? "https://nicowebgl.cn/macmini/project/kdemo/" : "/",
   // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
   outputDir: "dist",
   // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
@@ -31,23 +30,8 @@ module.exports = {
   // webpack-dev-server 相关配置
   devServer: {
     host: "0.0.0.0",
-    port: port,
+    port: 1005,
     open: true,
-    proxy: {
-      // detail: https://cli.vuejs.org/config/#devserver-proxy
-      [process.env.VUE_APP_BASE_API]: {
-        target: baseUrl,
-        changeOrigin: true,
-        pathRewrite: {
-          ["^" + process.env.VUE_APP_BASE_API]: "",
-        },
-      },
-      // springdoc proxy
-      "^/v3/api-docs/(.*)": {
-        target: baseUrl,
-        changeOrigin: true,
-      },
-    },
     disableHostCheck: true,
   },
   css: {
@@ -74,87 +58,25 @@ module.exports = {
         minRatio: 0.8, // 压缩比例，小于 80% 的文件不会被压缩
         deleteOriginalAssets: false, // 压缩后删除原文件
       }),
-    ],
-    // module: {
-    //   rules: [
-    //     {
-    //       test: /\.mjs$/,
-    //       include: /node_modules/,
-    //       type: "javascript/auto",
-    //     },
-    //   ],
-    // },
-    // module: {
-    //   rules: [
-    //     {
-    //       test: /\.js$/,
-    //       include: /node_modules\/quill/,
-    //       use: {
-    //         loader: 'babel-loader',
-    //         options: {
-    //           presets: ['@babel/preset-env'],
-    //           plugins: ['@babel/plugin-proposal-class-properties']
-    //         }
-    //       }
-    //     }
-    //   ]
-    // }
-  },
-  // transpileDependencies: ["mermaid", "quill"],
-  chainWebpack(config) {
-    config.plugins.delete("preload"); // TODO: need test
-    config.plugins.delete("prefetch"); // TODO: need test
-
-    // set svg-sprite-loader
-    config.module.rule("svg").exclude.add(resolve("src/assets/icons")).end();
-    config.module
-      .rule("icons")
-      .test(/\.svg$/)
-      .include.add(resolve("src/assets/icons"))
-      .end()
-      .use("svg-sprite-loader")
-      .loader("svg-sprite-loader")
-      .options({
-        symbolId: "icon-[name]",
-      })
-      .end();
-
-    config.when(process.env.NODE_ENV !== "development", (config) => {
-      config
-        .plugin("ScriptExtHtmlWebpackPlugin")
-        .after("html")
-        .use("script-ext-html-webpack-plugin", [
-          {
-            // `runtime` must same as runtimeChunk name. default is `runtime`
-            inline: /runtime\..*\.js$/,
-          },
-        ])
-        .end();
-
-      config.optimization.splitChunks({
-        chunks: "all",
-        cacheGroups: {
-          libs: {
-            name: "chunk-libs",
-            test: /[\\/]node_modules[\\/]/,
-            priority: 10,
-            chunks: "initial", // only package third parties that are initially dependent
-          },
-          elementUI: {
-            name: "chunk-elementUI", // split elementUI into a single package
-            test: /[\\/]node_modules[\\/]_?element-ui(.*)/, // in order to adapt to cnpm
-            priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
-          },
-          commons: {
-            name: "chunk-commons",
-            test: resolve("src/components"), // can customize your rules
-            minChunks: 3, //  minimum common number
-            priority: 5,
-            reuseExistingChunk: true,
-          },
+      // 复制 mxGraph resources 和 css 文件
+      new CopyWebpackPlugin([
+        {
+          from: path.resolve(__dirname, 'node_modules/mxgraph/javascript/src/resources'),
+          to: path.resolve(__dirname, 'dist/mxgraph/resources')
         },
-      });
-      config.optimization.runtimeChunk("single");
-    });
-  },
+        {
+          from: path.resolve(__dirname, 'node_modules/mxgraph/javascript/src/resources'),
+          to: path.resolve(__dirname, 'dist/resources')
+        },
+        {
+          from: path.resolve(__dirname, 'node_modules/mxgraph/javascript/src/css'),
+          to: path.resolve(__dirname, 'dist/mxgraph/css')
+        },
+        {
+          from: path.resolve(__dirname, 'node_modules/mxgraph/javascript/src/css'),
+          to: path.resolve(__dirname, 'dist/css')
+        }
+      ]),
+    ],
+  }
 };