Procházet zdrojové kódy

ie兼容以及打包优化

YaolongHan před 4 roky
rodič
revize
1b653a89dd
2 změnil soubory, kde provedl 26 přidání a 1 odebrání
  1. 1 0
      package.json
  2. 25 1
      vue.config.js

+ 1 - 0
package.json

@@ -35,6 +35,7 @@
     "@vue/cli-service": "^4.3.0",
     "@vue/eslint-config-typescript": "^5.0.2",
     "babel-plugin-component": "^1.1.1",
+    "compression-webpack-plugin": "^4.0.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
     "fengmap": "^2.5.3",

+ 25 - 1
vue.config.js

@@ -1,3 +1,4 @@
+const CompressionPlugin = require('compression-webpack-plugin')
 module.exports = {
     devServer: {
         port: 8091,
@@ -52,4 +53,27 @@ module.exports = {
     outputDir: 'wandaEditer',
     // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
     assetsDir: 'static',
-}
+    transpileDependencies: [
+        '@saga-web', // 指定对第三方依赖包进行babel-polyfill处理
+        '@ant-design',
+        'element-ui',
+    ],
+    productionSourceMap: false, //
+    css: {
+        // 将组件内的 CSS 提取到一个单独的 CSS 文件 (只用在生产环境中)
+        extract: true,
+    },
+    // 配置webpack
+    configureWebpack: (config) => {
+        return {
+            plugins: [
+                // 压缩代码
+                new CompressionPlugin({
+                    test: /\.js$|\.html$|.\css/, // 匹配文件名
+                    threshold: 10240, // 对超过10k的数据压缩
+                    deleteOriginalAssets: false, // true 不删除源文件 false 删除源文件
+                }),
+            ],
+        }
+    },
+}