feat(tsconfig): add dynamic import example

Author: hisasann

src/pages/example/dynamic-import.vue

@@ -0,0 +1,21 @@
+<template lang="pug">
+  div
+    h1.title
+      | dynamic-import
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'nuxt-property-decorator'
+
+@Component
+export default class DynamicImport extends Vue {
+  created() {
+    console.log('created')
+
+    setTimeout(async () => {
+      const module = await import('@/utilities/')
+      module.dynamicImport()
+    }, 3000)
+  }
+}
+</script>

src/pages/example/index.vue

@@ -47,6 +47,9 @@
     p
       nuxt-link(to='/example/extend-css-class')
         | extend-css-class
+    p
+      nuxt-link(to='/example/dynamic-import')
+        | dynamic-import
 </template>
 
 <script lang="ts">

src/pages/index.vue

@@ -16,11 +16,14 @@
 
 <script lang="ts">
 import Logo from '@/components/Logo.vue'
-import HelloWorld from '@/components/HelloWorld.vue'
 import Env from '@/common/env/'
 
 console.log('Env:', Env.envName)
 
+// Dynamic Import
+// import HelloWorld from '@/components/HelloWorld.vue'
+const HelloWorld = () => import('@/components/HelloWorld.vue')
+
 export default {
   components: {
     Logo,

src/utilities/dynamic-import.ts

@@ -0,0 +1,6 @@
+/**
+ * dynamicImport
+ */
+export function dynamicImport(): void {
+  console.log('dynamicImport')
+}

src/utilities/index.ts

@@ -5,3 +5,4 @@
 export * from '@/utilities/cancelToken'
 export * from '@/utilities/auth'
 export * from '@/utilities/sleep'
+export * from '@/utilities/dynamic-import'

tsconfig.json

@@ -8,7 +8,7 @@
       "es2015",
       "es2017"
     ],
-    "module": "es2015",
+    "module": "esnext",
     "moduleResolution": "node",
     "noImplicitThis": true,
     "paths": {