[Improvement] upgrade to babel 7 (#1712)

.babelrc

@@ -1,32 +0,0 @@
-{
-  "presets": [
-    "stage-0",
-    [
-      "env",
-      {
-        "modules": false,
-        "loose": true,
-        "exclude": ["transform-es2015-typeof-symbol"]
-      }
-    ]
-  ],
-  "plugins": ["transform-runtime"],
-  "env": {
-    "commonjs": {
-      "presets": [
-        "stage-0",
-        [
-          "env",
-          {
-            "modules": "commonjs",
-            "loose": true,
-            "exclude": ["transform-es2015-typeof-symbol"]
-          }
-        ]
-      ]
-    },
-    "test": {
-      "presets": [["env", { "targets": { "node": 8 } }]]
-    }
-  }
-}

babel.config.js

@@ -0,0 +1,30 @@
+module.exports = function(api) {
+  const { BABEL_MODULE } = process.env;
+  const useESModules = BABEL_MODULE !== 'commonjs';
+
+  api.cache(false);
+
+  return {
+    presets: [
+      [
+        '@babel/preset-env',
+        {
+          loose: true,
+          modules: BABEL_MODULE || false
+        }
+      ]
+    ],
+    plugins: [
+      [
+        '@babel/plugin-transform-runtime',
+        {
+          corejs: false,
+          helpers: true,
+          regenerator: false,
+          useESModules
+        }
+      ],
+      '@babel/plugin-syntax-dynamic-import'
+    ]
+  };
+};

build/build-components.js

@@ -3,7 +3,7 @@
  */
 const fs = require('fs-extra');
 const path = require('path');
-const babel = require('babel-core');
+const babel = require('@babel/core');
 const compiler = require('vue-sfc-compiler');
 
 const esDir = path.join(__dirname, '../es');
@@ -11,7 +11,7 @@ const libDir = path.join(__dirname, '../lib');
 const srcDir = path.join(__dirname, '../packages');
 const compilerOption = {
   babel: {
-    extends: path.join(__dirname, '../.babelrc')
+    configFile: path.join(__dirname, '../babel.config.js')
   }
 };
 
@@ -55,7 +55,7 @@ function compile(dir, jsOnly = false) {
   });
 }
 
-process.env.BABEL_ENV = 'commonjs';
+process.env.BABEL_MODULE = 'commonjs';
 
 fs.copySync(esDir, libDir);
 compile(libDir);

package.json

@@ -52,23 +52,22 @@
   "author": "youzanfe",
   "license": "MIT",
   "dependencies": {
-    "babel-runtime": "6.x",
+    "@babel/runtime": "^7.0.0",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
     "vue": ">= 2.5.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
+    "@babel/plugin-transform-runtime": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
     "@vue/server-test-utils": "^1.0.0-beta.24",
     "@vue/test-utils": "^1.0.0-beta.24",
     "autoprefixer": "^9.1.3",
-    "babel-cli": "^6.26.0",
-    "babel-core": "^6.26.3",
     "babel-jest": "^23.4.2",
-    "babel-loader": "^7.1.5",
+    "babel-loader": "^8.0.0",
-    "babel-plugin-transform-runtime": "^6.15.0",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-stage-0": "^6.24.1",
     "codecov": "^3.0.4",
     "cross-env": "^5.2.0",
     "css-loader": "^1.0.0",
@@ -95,7 +94,7 @@
     "rimraf": "^2.5.4",
     "shelljs": "^0.8.1",
     "signale": "^1.2.1",
-    "style-loader": "^0.22.1",
+    "style-loader": "^0.23.0",
     "stylelint": "^9.5.0",
     "stylelint-config-standard": "^18.2.0",
     "uppercamelcase": "^3.0.0",
@@ -106,7 +105,7 @@
     "vue-loader": "^15.4.1",
     "vue-router": "^3.0.1",
     "vue-server-renderer": "^2.5.17",
-    "vue-sfc-compiler": "^0.0.8",
+    "vue-sfc-compiler": "^0.1.3",
     "vue-template-compiler": "2.5.17",
     "vue-template-es2015-compiler": "^1.6.0",
     "webpack": "^4.17.1",

packages/index.js

@@ -28,6 +28,7 @@ import GoodsActionBigBtn from './goods-action-big-btn';
 import GoodsActionMiniBtn from './goods-action-mini-btn';
 import Icon from './icon';
 import ImagePreview from './image-preview';
+import Info from './info';
 import Lazyload from './lazyload';
 import List from './list';
 import Loading from './loading';
@@ -99,6 +100,7 @@ const components = [
   GoodsActionMiniBtn,
   Icon,
   ImagePreview,
+  Info,
   List,
   Loading,
   Locale,
@@ -181,6 +183,7 @@ export {
   GoodsActionMiniBtn,
   Icon,
   ImagePreview,
+  Info,
   Lazyload,
   List,
   Loading,