refactor: use vant to refactor swiper plugin; zh: 使用 vant 重构轮播图

ly525
1 parent 0c8e16ee
Showing 6 changed files with 117 additions and 174 deletions
front-end/h5/package.json
front-end/h5/src/components/core/editor/canvas/edit.js
front-end/h5/src/components/core/editor/index.js
front-end/h5/src/components/plugins/lbp-slide.js
front-end/h5/vue.config.js
front-end/h5/yarn.lock
@@ -18,7 +18,6 @@
     "animate.css": "^3.7.2",
     "ant-design-vue": "^1.3.14",
     "core-js": "^2.6.5",
-    "cube-ui": "^1.12.31",
     "element-ui": "^2.9.1",
     "font-awesome": "4.7.0",
     "html2canvas": "^1.0.0-rc.3",
@@ -31,6 +30,7 @@
     "stylus": "^0.54.7",
     "stylus-loader": "^3.0.2",
     "v-click-outside": "^2.1.4",
+    "vant": "^2.2.12",
     "vue": "^2.6.10",
     "vue-i18n": "^8.14.1",
     "vue-quill-editor": "^3.0.6",
@@ -56,13 +56,6 @@
     "sass-loader": "^7.1.0",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.2",
-    "vue-cli-plugin-cube-ui": "^0.2.5",
     "vue-template-compiler": "^2.6.10"
-  },
-  "transformModules": {
-    "cube-ui": {
-      "transform": "cube-ui/src/modules/${member}",
-      "kebabCase": true
-    }
   }
 }
@@ -154,7 +154,10 @@ export default {
                 // 添加 class 的原因：与 handleClickCanvasProp 配合,
                 // 当点击编辑画布上的其它区域（clickEvent.target.classList 不包含下面的 className）的时候，设置 editingElement=null
                 class: 'element-on-edit-canvas',
-                props: element.getProps(), // #6 #3
+                props: {
+                  ...element.getProps(), // #6 #3,
+                  editorMode: 'edit'
+                },
                 // nativeOn: {
                 //   contextmenu: e => {
                 //     this.bindContextMenu(e)
@@ -21,26 +21,26 @@ import ExternalLinksOfHeader from &#39;@/components/common/header/links.js&#39;
 import LangSelect from '@/components/common/header/LangSelect.vue'
 import Feedback from '@/components/common/feedback/index'
-const sidebarMenus = [
-  {
-    i18nLabel: 'editor.sidebar.components',
-    label: '组件列表',
-    value: 'pluginList',
-    antIcon: 'bars'
-  },
-  {
-    i18nLabel: 'editor.sidebar.pages',
-    label: '页面管理',
-    value: 'pageManagement',
-    antIcon: 'snippets'
-  },
-  {
-    i18nLabel: 'editor.sidebar.templates',
-    label: '免费模板',
-    value: 'freeTemplate',
-    antIcon: 'appstore'
-  }
-]
+// const sidebarMenus = [
+//   {
+//     i18nLabel: 'editor.sidebar.components',
+//     label: '组件列表',
+//     value: 'pluginList',
+//     antIcon: 'bars'
+//   },
+//   {
+//     i18nLabel: 'editor.sidebar.pages',
+//     label: '页面管理',
+//     value: 'pageManagement',
+//     antIcon: 'snippets'
+//   },
+//   {
+//     i18nLabel: 'editor.sidebar.templates',
+//     label: '免费模板',
+//     value: 'freeTemplate',
+//     antIcon: 'appstore'
+//   }
+// ]
 const fixedTools = [
   {
-import {
-  Slide
-} from 'cube-ui'
+import { Swipe, SwipeItem } from 'vant'
+import 'vant/lib/swipe/style'
+import 'vant/lib/swipe-item/style'
 import ImageGallery from '@/components/core/support/image-gallery/gallery.js'
 const defaultItems = [
   {
-    // url: 'http://www.didichuxing.com/',
-    image: '//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'
+    image: 'https://img.yzcdn.cn/vant/apple-1.jpg'
   },
   {
-    // url: 'http://www.didichuxing.com/',
-    image: '//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'
-  },
-  {
-    // url: 'http://www.didichuxing.com/',
-    image: '//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'
+    image: 'https://img.yzcdn.cn/vant/apple-2.jpg'
   }
 ]
+function getDefaultDataSource () {
+  return {
+    activeIndex: 0,
+    items: defaultItems.slice(0)
+  }
+}
+
 export default {
   name: 'lbp-slide',
-  components: {
-    Slide
-  },
   props: {
     interval: {
       type: Number,
       default: 4000
     },
-    items: {
-      type: Array,
-      default: () => defaultItems
+    dataSource: {
+      type: Object,
+      default: () => getDefaultDataSource()
+    },
+    editorMode: {
+      type: String,
+      default: 'preview'
+    },
+    activeIndex: {
+      type: Number,
+      default: 0
     }
   },
   editorConfig: {
@@ -41,26 +47,30 @@ export default {
         require: true,
         defaultPropValue: 4000
       },
-      items: {
+      dataSource: {
         type: 'lbs-slide-items-editor',
         label: '图片列表',
         require: true,
-        defaultPropValue: defaultItems
+        defaultPropValue: getDefaultDataSource()
       }
     },
     components: {
       'lbs-slide-items-editor': {
         render () {
-          const currentItem = this.value_[this.current - 1]
+          const currentItem = this.innerItems[this.current - 1] || {}
           return <div>
             {
               <a-pagination
                 current={this.current}
                 onChange={(page) => {
                   this.current = page
+                  this.$emit('change', {
+                    items: this.innerItems,
+                    activeIndex: page - 1
+                  })
                 }}
                 size="small"
-                total={this.value_.length}
+                total={this.innerItems.length}
                 defaultPageSize={1}
                 itemRender={this.itemRender}
               />
@@ -72,34 +82,17 @@ export default {
                 currentItem.image = url
               }}
             />
-            {/* {
-              this.value_.map((item, index) => (
-                <div>
-                  <label>图片 {index + 1}</label>
-                  <a-textarea value={item.image} onChange={e => { item.image = e.target.value }} autosize={{ minRows: 2, maxRows: 6 }}></a-textarea>
-                  <a-button-group size="small">
-                    <a-button type="default" icon="plus" onClick={this.add}/>
-                    <a-button type="default" icon="minus" onClick={this.minus}/>
-                  </a-button-group>
-                </div>
-              ))
-            } */}
           </div>
         },
         props: {
           value: {
-            type: Array,
-            default: () => defaultItems
+            type: Object,
+            default: () => getDefaultDataSource()
           }
         },
         computed: {
-          value_: {
-            get () {
-              return this.value
-            },
-            set (val) {
-              this.$emit('input', val)
-            }
+          innerItems () {
+            return this.value.items
           }
         },
         data: () => ({
@@ -108,27 +101,33 @@ export default {
         methods: {
           itemRender (current, type, originalElement) {
             if (type === 'prev') {
-              return <a-button style={{ marginRight: '8px' }} size="small" icon="minus" onClick={this.minus}></a-button>
+              return <a-button style={{ marginRight: '8px' }} size="small" icon="minus" onClick={() => this.minus(current)} disabled={this.innerItems.length === 1}></a-button>
             } else if (type === 'next') {
               return <a-button style={{ marginLeft: '8px' }} size="small" icon="plus" onClick={this.add}></a-button>
             }
             return originalElement
           },
           add () {
-            console.log(this.value_.length)
-            this.$emit('change', [
-              ...this.value_,
-              {
-                image: '',
-                value: `选项${this.value_.length + 1}-value`,
-                label: `选项${this.value_.length + 1}-label`
-              }
-            ])
+            this.$emit('change', {
+              activeIndex: this.innerItems.length,
+              items: [
+                ...this.innerItems,
+                {
+                  image: '',
+                  value: `选项${this.innerItems.length + 1}-value`,
+                  label: `选项${this.innerItems.length + 1}-label`
+                }
+              ]
+            })
           },
-          minus (item, index) {
-            const items = this.value_.slice(0)
+          minus (index) {
+            if (this.innerItems.length === 1) return
+            const items = this.innerItems.slice(0)
             items.splice(index, 1)
-            this.$emit('change', items)
+            this.$emit('change', {
+              items,
+              activeIndex: index > 0 ? index - 1 : 0
+            })
           }
         }
       }
@@ -139,10 +138,18 @@ export default {
   methods: {
   },
-
   render () {
+    const { items, activeIndex } = this.dataSource
     return (
-      <slide data={this.items} interval={+this.interval} />
+      this.editorMode === 'edit'
+        ? items.length && <img src={items[activeIndex].image} />
+        : <Swipe autoplay={+this.interval} indicator-color="red">
+          {
+            items.map(item => (
+              <SwipeItem><img src={item.image} width="100%" height="100%" /></SwipeItem>
+            ))
+          }
+        </Swipe>
     )
   }
 }
@@ -57,11 +57,5 @@ module.exports = {
       }
     },
     extract: false
-  },
-  pluginOptions: {
-    'cube-ui': {
-      postCompile: true,
-      theme: true
-    }
   }
 }
@@ -649,6 +649,13 @@
     core-js "^2.6.5"
     regenerator-runtime "^0.13.2"
+"@babel/runtime@7.x":
+  version "7.7.2"
+  resolved "https://registry.npm.taobao.org/@babel/runtime/download/@babel/runtime-7.7.2.tgz#111a78002a5c25fc8e3361bedc9529c696b85a6a"
+  integrity sha1-ERp4ACpcJfyOM2G+3JUpxpa4Wmo=
+  dependencies:
+    regenerator-runtime "^0.13.2"
+
 "@babel/runtime@^7.0.0":
   version "7.6.3"
   resolved "https://registry.npm.taobao.org/@babel/runtime/download/@babel/runtime-7.6.3.tgz#935122c74c73d2240cafd32ddb5fc2a6cd35cf1f"
@@ -838,6 +845,11 @@
   resolved "https://registry.npm.taobao.org/@types/strip-json-comments/download/@types/strip-json-comments-0.0.30.tgz#9aa30c04db212a9a0649d6ae6fd50accc40748a1"
   integrity sha1-mqMMBNshKpoGSdaub9UKzMQHSKE=
+"@vant/icons@1.1.15":
+  version "1.1.15"
+  resolved "https://registry.npm.taobao.org/@vant/icons/download/@vant/icons-1.1.15.tgz#53c51ace21e9992bfeeb2e1ad9094fbf6506d116"
+  integrity sha1-U8UaziHpmSv+6y4a2QlPv2UG0RY=
+
 "@vue/babel-helper-vue-jsx-merge-props@^1.0.0":
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/@vue/babel-helper-vue-jsx-merge-props/download/@vue/babel-helper-vue-jsx-merge-props-1.0.0.tgz#048fe579958da408fb7a8b2a3ec050b50a661040"
@@ -2101,15 +2113,6 @@ babel-plugin-transform-minify-booleans@^6.8.2:
   resolved "https://registry.npm.taobao.org/babel-plugin-transform-minify-booleans/download/babel-plugin-transform-minify-booleans-6.9.4.tgz#acbb3e56a3555dd23928e4b582d285162dd2b198"
   integrity sha1-rLs+VqNVXdI5KOS1gtKFFi3SsZg=
-babel-plugin-transform-modules@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.npm.taobao.org/babel-plugin-transform-modules/download/babel-plugin-transform-modules-0.1.1.tgz#2a72ced69d85613d953196ae9a86d39f19fd7933"
-  integrity sha1-KnLO1p2FYT2VMZaumobTnxn9eTM=
-  dependencies:
-    lodash.camelcase "^4.3.0"
-    lodash.kebabcase "^4.1.1"
-    lodash.snakecase "^4.1.1"
-
 babel-plugin-transform-object-rest-spread@^6.26.0:
   version "6.26.0"
   resolved "https://registry.npm.taobao.org/babel-plugin-transform-object-rest-spread/download/babel-plugin-transform-object-rest-spread-6.26.0.tgz#0f36692d50fef6b7e2d4b3ac1478137a963b7b06"
@@ -2222,7 +2225,7 @@ babel-register@^6.26.0:
     mkdirp "^0.5.1"
     source-map-support "^0.4.15"
-babel-runtime@6.x, babel-runtime@^6.0.0, babel-runtime@^6.22.0, babel-runtime@^6.23.0, babel-runtime@^6.26.0:
+babel-runtime@6.x, babel-runtime@^6.22.0, babel-runtime@^6.23.0, babel-runtime@^6.26.0:
   version "6.26.0"
   resolved "https://registry.npm.taobao.org/babel-runtime/download/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
   integrity sha1-llxwWGaOgrVde/4E/yM3vItWR/4=
@@ -2319,13 +2322,6 @@ bcrypt-pbkdf@^1.0.0:
   dependencies:
     tweetnacl "^0.14.3"
-better-scroll@~1.12.6:
-  version "1.12.6"
-  resolved "https://registry.npm.taobao.org/better-scroll/download/better-scroll-1.12.6.tgz#7548860f8b8c08c87e5af062e1da6e2c68c98337"
-  integrity sha1-dUiGD4uMCMh+WvBi4dpuLGjJgzc=
-  dependencies:
-    babel-runtime "^6.0.0"
-
 bfj@^6.1.1:
   version "6.1.2"
   resolved "https://registry.npm.taobao.org/bfj/download/bfj-6.1.2.tgz#325c861a822bcb358a41c78a33b8e6e2086dde7f"
@@ -3625,14 +3621,6 @@ cssstyle@^1.0.0:
   dependencies:
     cssom "0.3.x"
-cube-ui@^1.12.31:
-  version "1.12.32"
-  resolved "https://registry.npm.taobao.org/cube-ui/download/cube-ui-1.12.32.tgz#105389c6a92fb6e06ed1c036498c3c6d78e8de94"
-  integrity sha1-EFOJxqkvtuBu0cA2SYw8bXjo3pQ=
-  dependencies:
-    better-scroll "~1.12.6"
-    vue-create-api "^0.2.0"
-
 current-script-polyfill@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/current-script-polyfill/download/current-script-polyfill-1.0.0.tgz#f31cf7e4f3e218b0726e738ca92a02d3488ef615"
@@ -7326,13 +7314,6 @@ load-json-file@^2.0.0:
     pify "^2.0.0"
     strip-bom "^3.0.0"
-load-pkg-config@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.npm.taobao.org/load-pkg-config/download/load-pkg-config-1.0.1.tgz#1a7d78c21bf257e67935e8faa603f4fe519c49a8"
-  integrity sha1-Gn14whvyV+Z5Nej6pgP0/lGcSag=
-  dependencies:
-    resolve-pkg "^1.0.0"
-
 loader-fs-cache@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npm.taobao.org/loader-fs-cache/download/loader-fs-cache-1.0.2.tgz#54cedf6b727e1779fd8f01205f05f6e88706f086"
@@ -7386,11 +7367,6 @@ lodash._reinterpolate@^3.0.0:
   resolved "https://registry.npm.taobao.org/lodash._reinterpolate/download/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
   integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
-lodash.camelcase@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.npm.taobao.org/lodash.camelcase/download/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
-  integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
-
 lodash.clonedeep@^4.5.0:
   version "4.5.0"
   resolved "https://registry.npm.taobao.org/lodash.clonedeep/download/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
@@ -7426,11 +7402,6 @@ lodash.once@^4.1.1:
   resolved "https://registry.npm.taobao.org/lodash.once/download/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac"
   integrity sha1-DdOXEhPHxW34gJd9UEyI+0cal6w=
-lodash.snakecase@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.npm.taobao.org/lodash.snakecase/download/lodash.snakecase-4.1.1.tgz#39d714a35357147837aefd64b5dcbb16becd8f8d"
-  integrity sha1-OdcUo1NXFHg3rv1ktdy7Fr7Nj40=
-
 lodash.some@^4.6.0:
   version "4.6.0"
   resolved "https://registry.npm.taobao.org/lodash.some/download/lodash.some-4.6.0.tgz#1bb9f314ef6b8baded13b549169b2a945eb68e4d"
@@ -9948,11 +9919,6 @@ resolve-from@^1.0.0:
   resolved "https://registry.npm.taobao.org/resolve-from/download/resolve-from-1.0.1.tgz#26cbfe935d1aeeeabb29bc3fe5aeb01e93d44226"
   integrity sha1-Jsv+k10a7uq7Kbw/5a6wHpPUQiY=
-resolve-from@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/resolve-from/download/resolve-from-2.0.0.tgz#9480ab20e94ffa1d9e80a804c7ea147611966b57"
-  integrity sha1-lICrIOlP+h2egKgEx+oUdhGWa1c=
-
 resolve-from@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/resolve-from/download/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
@@ -9963,13 +9929,6 @@ resolve-from@^4.0.0:
   resolved "https://registry.npm.taobao.org/resolve-from/download/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha1-SrzYUq0y3Xuqv+m0DgCjbbXzkuY=
-resolve-pkg@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npm.taobao.org/resolve-pkg/download/resolve-pkg-1.0.0.tgz#e19a15e78aca2e124461dc92b2e3943ef93494d9"
-  integrity sha1-4ZoV54rKLhJEYdySsuOUPvk0lNk=
-  dependencies:
-    resolve-from "^2.0.0"
-
 resolve-url@^0.2.1:
   version "0.2.1"
   resolved "https://registry.npm.taobao.org/resolve-url/download/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
@@ -11580,6 +11539,16 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
+vant@^2.2.12:
+  version "2.2.12"
+  resolved "https://registry.npm.taobao.org/vant/download/vant-2.2.12.tgz?cache=0&sync_timestamp=1573120525026&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvant%2Fdownload%2Fvant-2.2.12.tgz#9d0ee9d60eb66ff52fc84f6cf28541939df84be8"
+  integrity sha1-nQ7p1g62b/UvyE9s8oVBk534S+g=
+  dependencies:
+    "@babel/runtime" "7.x"
+    "@vant/icons" "1.1.15"
+    "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
+    vue-lazyload "1.2.3"
+
 vary@~1.1.2:
   version "1.1.2"
   resolved "https://registry.npm.taobao.org/vary/download/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
@@ -11604,19 +11573,6 @@ vm-browserify@^1.0.1:
   resolved "https://registry.npm.taobao.org/vm-browserify/download/vm-browserify-1.1.2.tgz?cache=0&sync_timestamp=1572870837170&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvm-browserify%2Fdownload%2Fvm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha1-eGQcSIuObKkadfUR56OzKobl3aA=
-vue-cli-plugin-cube-ui@^0.2.5:
-  version "0.2.5"
-  resolved "https://registry.npm.taobao.org/vue-cli-plugin-cube-ui/download/vue-cli-plugin-cube-ui-0.2.5.tgz#d2fc6a3073142bc10e352c7a73309a334c269aa6"
-  integrity sha1-0vxqMHMUK8EONSx6czCaM0wmmqY=
-  dependencies:
-    webpack-post-compile-plugin "^1.0.0"
-    webpack-transform-modules-plugin "^0.4.0"
-
-vue-create-api@^0.2.0:
-  version "0.2.2"
-  resolved "https://registry.npm.taobao.org/vue-create-api/download/vue-create-api-0.2.2.tgz#60acb39f7e70932a432509293a1aa087404ec39e"
-  integrity sha1-YKyzn35wkypDJQkpOhqgh0BOw54=
-
 vue-eslint-parser@^2.0.3:
   version "2.0.3"
   resolved "https://registry.npm.taobao.org/vue-eslint-parser/download/vue-eslint-parser-2.0.3.tgz#c268c96c6d94cfe3d938a5f7593959b0ca3360d1"
@@ -11667,6 +11623,11 @@ vue-jest@^3.0.4:
     tsconfig "^7.0.0"
     vue-template-es2015-compiler "^1.6.0"
+vue-lazyload@1.2.3:
+  version "1.2.3"
+  resolved "https://registry.npm.taobao.org/vue-lazyload/download/vue-lazyload-1.2.3.tgz#901f9ec15c7e6ca78781a2bae4a343686bdedb2c"
+  integrity sha1-kB+ewVx+bKeHgaK65KNDaGve2yw=
+
 vue-loader@^15.7.0:
   version "15.7.2"
   resolved "https://registry.npm.taobao.org/vue-loader/download/vue-loader-15.7.2.tgz?cache=0&sync_timestamp=1572672101730&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-loader%2Fdownload%2Fvue-loader-15.7.2.tgz#cc89e2716df87f70fe656c9da9d7f8bec06c73d6"
@@ -11887,13 +11848,6 @@ webpack-merge@^4.2.1:
   dependencies:
     lodash "^4.17.15"
-webpack-post-compile-plugin@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npm.taobao.org/webpack-post-compile-plugin/download/webpack-post-compile-plugin-1.0.0.tgz#a1bae348d4bb6ebcf2bd173cbc695ae8cc825278"
-  integrity sha1-obrjSNS7brzyvRc8vGla6MyCUng=
-  dependencies:
-    micromatch "^3.1.10"
-
 webpack-sources@^1.0.1, webpack-sources@^1.1.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1:
   version "1.4.3"
   resolved "https://registry.npm.taobao.org/webpack-sources/download/webpack-sources-1.4.3.tgz?cache=0&sync_timestamp=1571747933932&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack-sources%2Fdownload%2Fwebpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
@@ -11902,14 +11856,6 @@ webpack-sources@^1.0.1, webpack-sources@^1.1.0, webpack-sources@^1.4.0, webpack-
     source-list-map "^2.0.0"
     source-map "~0.6.1"
-webpack-transform-modules-plugin@^0.4.0:
-  version "0.4.4"
-  resolved "https://registry.npm.taobao.org/webpack-transform-modules-plugin/download/webpack-transform-modules-plugin-0.4.4.tgz#61a3e71b35eac49a5102423a3f66946b66374443"
-  integrity sha1-YaPnGzXqxJpRAkI6P2aUa2Y3REM=
-  dependencies:
-    babel-plugin-transform-modules "^0.1.1"
-    load-pkg-config "^1.0.1"
-
 webpack@^2.7.0:
   version "2.7.0"
   resolved "https://registry.npm.taobao.org/webpack/download/webpack-2.7.0.tgz?cache=0&sync_timestamp=1572505869157&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack%2Fdownload%2Fwebpack-2.7.0.tgz#b2a1226804373ffd3d03ea9c6bd525067034f6b1"