feat:添加打包插件

sample-form-manager-ui/admin/.browserslistrc

 > 1%
 last 2 versions
-not dead
+not ie <= 10

sample-form-manager-ui/admin/.gitignore

 .DS_Store
 node_modules
 /dist
-
+样表管理系统.zip
 
 # local env files
 .env.local

sample-form-manager-ui/admin/package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "vue-cli-service serve",
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
+    "build": "vue-cli-service build --mode production",
     "test": "vue-cli-service build --mode test",
     "lint": "vue-cli-service lint",
     "stage": "vue-cli-service build --mode stage",
@@ -42,6 +42,7 @@
     "@vue/cli-service": "~5.0.0",
     "eslint": "^7.32.0",
     "eslint-plugin-vue": "^8.0.3",
+    "filemanager-webpack-plugin": "^8.0.0",
     "less": "^4.0.0",
     "less-loader": "^8.0.0",
     "svg-sprite-loader": "^4.1.6",

sample-form-manager-ui/admin/src/pages/software/skinManage/SkinManage.vue

@@ -77,23 +77,24 @@ export default {
   methods: {
     // 选择使用皮肤
     async changeSkin(device, row) {
-      if (row.check === "1") {
-        // let obj = {
-        //   skin_id: "",
-        //   css_path: "",
-        //   skin_name: "",
-        //   previewImagePath: "",
-        //   skinFieldList: "",
-        //   device,
-        // };
-        row.check = "0";
-        console.log(check, device);
-        // if (code === 1) {
-        //   this.$message.success("设置" + msg);
+      // if (row.check === "1") {
+      //   // let obj = {
+      //   //   skin_id: "",
+      //   //   css_path: "",
+      //   //   skin_name: "",
+      //   //   previewImagePath: "",
+      //   //   skinFieldList: "",
+      //   //   device,
+      //   // };
+      //   row.check = "0";
+      //   console.log(check, device);
+      //   // if (code === 1) {
+      //   //   this.$message.success("设置" + msg);
+      //   // }
+      // } else {
+      //   row.check = "1";
       // }
-      } else {
-        row.check = "1";
-      }
+      console.log(device, row);
     },
     // 预览皮肤
     handlePreview(url) {

sample-form-manager-ui/admin/vue.config.js

-const { defineConfig } = require('@vue/cli-service')
+const { defineConfig } = require("@vue/cli-service");
+const FileManagerPlugin = require("filemanager-webpack-plugin"); // 压缩文件夹
+const isDev = process.env.NODE_ENV === "development";
+let plugins = [];
+// 避免打本地启项目时自动打zip包
+if (!isDev) {
+  plugins.push(
+    new FileManagerPlugin({
+      events: {
+        onEnd: {
+          mkdir: ["./dist"],
+          delete: ["./样表管理系统.zip"],
+          archive: [{ source: "./dist", destination: "./样表管理系统.zip" }],
+        },
+      },
+    })
+  );
+}
 module.exports = defineConfig({
   transpileDependencies: true,
   productionSourceMap: false,
-	assetsDir: 's',
-
-	lintOnSave:false,
-	devServer: {
-		port: 8086,
-		hot: "only",//自动保存
-		proxy: {
-			'/sampleform': {
-				 target: 'http://localhost:17215',
-				changeOrigin: true,
-				secure: false,
-				cookieDomainRewrite: 'localhost',			
-			}
-		}
-	}
-
-})
+  // webpack 插件
+  configureWebpack: {
+    plugins: [...plugins],
+  },
+  transpileDependencies: true,
+  // 打包输出目录
+  outputDir: "dist/dist",
+  publicPath: "./",
+});