添加插件修改webpack4中无法使用import的问题

@@ -23,7 +23,7 @@
         ["env", {
           "modules": false
         }],
-        "stage-0"
+        "stage-3"
       ]
     },
     "web": {
@@ -31,9 +31,9 @@
         ["env", {
           "modules": false
         }],
-        "stage-0"
+        "stage-3"
       ]
     }
   },
-  "plugins": ["transform-runtime"]
+  "plugins": ["transform-runtime","dynamic-import-webpack"]
 }

 node_modules
 dist
 build
+package-lock.json

@@ -67,6 +67,7 @@
     "babel-core": "^6.26.3",
     "babel-eslint": "^8.2.3",
     "babel-loader": "^7.1.4",
+    "babel-plugin-dynamic-import-webpack": "^1.1.0",
     "babel-plugin-istanbul": "^4.1.6",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.7.0",

@@ -41,7 +41,7 @@ export default {
           reject(err)
           return false
         }
-        reslove(number)
+        resolve(number)
       })
     })
   },
@@ -54,7 +54,7 @@ export default {
           reject(err)
           return false
         }
-        reslove(number)
+        resolve(number)
       })
     })
   }

@@ -8,7 +8,9 @@ export default new Router({
     {
       path: '/',
       name: 'landing-page',
-      component: require('@/components/LandingPage').default
+      // component: require('@/components/LandingPage').default
+      // component: () => import('@/components/LandingPage')
+      component: resolve => require(['@/components/LandingPage'], resolve)
     },
     {
       path: '*',