浏览器兼容性优化

Author: huangshuwei

examples/.browserslistrc

@@ -1,5 +1,22 @@
 module.exports = {
-  presets: ["@vue/cli-plugin-babel/preset"],
+  //presets: ["@vue/cli-plugin-babel/preset"],
+  presets: [
+    // vue0cli 配合 @vue/babel-preset-jsx 使用。否则使用 babel-plugin-transform-vue-jsx
+    ["@vue/babel-preset-jsx"],
+    [
+      "@vue/app",
+      {
+        useBuiltIns: "entry",
+        corejs: 3,
+        targets: {
+          ie: "11"
+        },
+        jsx: {
+          injectH: false
+        }
+      }
+    ]
+  ],
   plugins: [
     [
       "import",

examples/babel.config.js

@@ -8,9 +8,10 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "core-js": "^3.6.5",
+    "core-js": "^3.17.2",
     "echarts": "^5.0.2",
     "intersection-observer": "^0.12.0",
+    "regenerator-runtime": "^0.13.9",
     "vant": "^2.12.13",
     "vconsole": "^3.4.1",
     "vue": "^2.6.11",
@@ -34,5 +35,10 @@
     "less-loader": "7.3.0",
     "sass-loader": "10.1.1",
     "vue-template-compiler": "^2.6.11"
-  }
+  },
+  "browserslist": [
+    "last 2 version",
+    "> 1%",
+    "not ie <= 8"
+  ]
 }

examples/package.json

@@ -1,3 +1,7 @@
+// polyfills
+import "core-js/stable";
+import "regenerator-runtime/runtime";
+
 import Vue from "vue";
 import App from "./App.vue";
 import router from "./router";
@@ -21,7 +25,7 @@ Vue.use(CheckboxGroup);
 Vue.use(Switch);
 Vue.use(Cell);
 Vue.use(Stepper);
-Vue.use(Slider );
+Vue.use(Slider);
 
 if (process.env.NODE_ENV === "development") {
   const VConsole = require("vconsole");

examples/src/main.js

@@ -2771,6 +2771,11 @@ core-js-compat@^3.6.5, core-js-compat@^3.9.0, core-js-compat@^3.9.1:
     browserslist "^4.16.3"
     semver "7.0.0"
 
+core-js@^3.17.2:
+  version "3.17.2"
+  resolved "http://10.228.131.132:6789/core-js/-/core-js-3.17.2.tgz#f960eae710dc62c29cca93d5332e3660e289db10"
+  integrity sha1-+WDq5xDcYsKcypPVMy42YOKJ2xA=
+
 core-js@^3.6.5, core-js@^3.8.3:
   version "3.10.1"
   resolved "https://registry.npm.taobao.org/core-js/download/core-js-3.10.1.tgz?cache=0&sync_timestamp=1617822369900&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcore-js%2Fdownload%2Fcore-js-3.10.1.tgz#e683963978b6806dcc6c0a4a8bd4ab0bdaf3f21a"
@@ -7130,6 +7135,11 @@ regenerator-runtime@^0.13.4:
   resolved "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.13.7.tgz#cac2dacc8a1ea675feaabaeb8ae833898ae46f55"
   integrity sha1-ysLazIoepnX+qrrriugziYrkb1U=
 
+regenerator-runtime@^0.13.9:
+  version "0.13.9"
+  resolved "http://10.228.131.132:6789/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz#8925742a98ffd90814988d7566ad30ca3b263b52"
+  integrity sha1-iSV0Kpj/2QgUmI11Zq0wyjsmO1I=
+
 regenerator-transform@^0.14.2:
   version "0.14.5"
   resolved "https://registry.npm.taobao.org/regenerator-transform/download/regenerator-transform-0.14.5.tgz#c98da154683671c9c4dcb16ece736517e1b7feb4"