feat: 编辑表格样式调整

Author: wangkaiwd

package.json

@@ -20,6 +20,7 @@
     "nprogress": "^0.2.0",
     "qs": "^6.7.0",
     "register-service-worker": "^1.6.2",
+    "uglifyjs-webpack-plugin": "^2.1.2",
     "vue": "^2.6.6",
     "vue-router": "^3.0.1",
     "vuex": "^3.0.1",

src/components/editTable/index.vue

@@ -9,6 +9,7 @@
       :prop="item.prop"
       :label="item.label"
       :width="item.width"
+      :min-width="item.minWidth"
       :key="item.prop"
     >
       <template #default="{row,column,$index}">

src/views/editTable/index.vue

@@ -9,7 +9,7 @@
     </el-button>
     <edit-table
       :columns="columns"
-      :tableData="tableData"
+      :tableData.sync="tableData"
     >
     </edit-table>
     <el-dialog
@@ -54,7 +54,7 @@
             }
           },
           { prop: 'email', label: '邮箱', width: '220' },
-          { prop: 'address', label: '地址' },
+          { prop: 'address', label: '地址', minWidth: '320' },
         ],
         tableData: data.dataSource,
         dialogVisible: false

vue.config.js

@@ -1,7 +1,9 @@
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const path = require('path');
 const resolve = dir => path.resolve(__dirname, `src/${dir}/`);
 const argv = process.argv;
 const mode = argv[argv.indexOf('--project-mode') + 1];
+const isPro = process.env.NODE_ENV === 'production';
 module.exports = {
   // 前端配置，当启用mock的时候关闭，跨域时开启
   // devServer: {
@@ -19,8 +21,8 @@ module.exports = {
   // 关闭eslint
   lintOnSave: false,
   outputDir: `dist`,
-  productionSourceMap: process.env.NODE_ENV === 'development', // 打包时关闭sourceMap
-  publicPath: process.env.NODE_ENV === 'development' ? '.' : '/vue-admin/',
+  productionSourceMap: !isPro, // 打包时关闭sourceMap
+  publicPath: isPro ? '/vue-admin/' : '.',
   chainWebpack: config => {
     // 这里是对环境的配置，不同环境对应不同的BASE_API，以便axios的请求地址不同
     // 这里用到了webpack.DefinePlugin
@@ -66,5 +68,23 @@ module.exports = {
         `
       }
     }
+  },
+  configureWebpack: {
+    optimization: { // 移除打包后的console.log
+      minimizer: [
+        new UglifyJsPlugin({
+          uglifyOptions: {
+            compress: {
+              warnings: false,
+              drop_console: isPro, //console
+              drop_debugger: false // pure_funcs: ['console.log']移除
+            }
+          }
+        })
+      ]
+    },
+    performance: { // 关闭性能提示信息
+      hints: false,
+    }
   }
 };

yarn.lock

@@ -1793,7 +1793,7 @@ cacache@^10.0.4:
     unique-filename "^1.1.0"
     y18n "^4.0.0"
 
-cacache@^11.0.2:
+cacache@^11.0.2, cacache@^11.2.0:
   version "11.3.2"
   resolved "http://registry.npm.taobao.org/cacache/download/cacache-11.3.2.tgz#2d81e308e3d258ca38125b676b98b2ac9ce69bfa"
   integrity sha1-LYHjCOPSWMo4Eltna5iyrJzmm/o=
@@ -2167,7 +2167,7 @@ combined-stream@^1.0.6, combined-stream@~1.0.6:
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@*:
+commander@*, commander@~2.20.0:
   version "2.20.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.0.tgz#d58bb2b5c1ee8f87b0d340027e9e94e222c5a422"
   integrity sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==
@@ -8152,6 +8152,28 @@ uglify-js@3.4.x:
     commander "~2.17.1"
     source-map "~0.6.1"
 
+uglify-js@^3.0.0:
+  version "3.5.6"
+  resolved "http://registry.npm.taobao.org/uglify-js/download/uglify-js-3.5.6.tgz#8a5f8a06ee7415ac1fa302f4623bc7344b553da4"
+  integrity sha1-il+KBu50FawfowL0YjvHNEtVPaQ=
+  dependencies:
+    commander "~2.20.0"
+    source-map "~0.6.1"
+
+uglifyjs-webpack-plugin@^2.1.2:
+  version "2.1.2"
+  resolved "http://registry.npm.taobao.org/uglifyjs-webpack-plugin/download/uglifyjs-webpack-plugin-2.1.2.tgz#70e5c38fb2d35ee887949c2a0adb2656c23296d5"
+  integrity sha1-cOXDj7LTXuiHlJwqCtsmVsIyltU=
+  dependencies:
+    cacache "^11.2.0"
+    find-cache-dir "^2.0.0"
+    schema-utils "^1.0.0"
+    serialize-javascript "^1.4.0"
+    source-map "^0.6.1"
+    uglify-js "^3.0.0"
+    webpack-sources "^1.1.0"
+    worker-farm "^1.5.2"
+
 unicode-canonical-property-names-ecmascript@^1.0.4:
   version "1.0.4"
   resolved "http://registry.npm.taobao.org/unicode-canonical-property-names-ecmascript/download/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"