diff --git a/src/components/core/MainLayout/index.vue b/src/components/core/MainLayout/index.vue
index 4e7237f0..753e9bf5 100644
--- a/src/components/core/MainLayout/index.vue
+++ b/src/components/core/MainLayout/index.vue
@@ -19,14 +19,11 @@
 </template>
 
 <script>
-import SiderMenu from './_siderMenu'
-import HeaderMenu from './_headerMenu'
-import HeaderRight from './_headerRight'
 export default {
   components: {
-    SiderMenu,
-    HeaderMenu,
-    HeaderRight
+    SiderMenu: () => import('./_siderMenu'),
+    HeaderMenu: () => import('./_headerMenu'),
+    HeaderRight: () => import('./_headerRight')
   },
   data () {
     return {
diff --git a/src/pages/demo/chart/demo/mixins/public.js b/src/pages/demo/chart/demo/mixins/public.js
index ca77152e..17c839b4 100644
--- a/src/pages/demo/chart/demo/mixins/public.js
+++ b/src/pages/demo/chart/demo/mixins/public.js
@@ -1,7 +1,5 @@
-import ChartDemoCard from '../components/ChartDemoCard.vue'
-
 export default {
   components: {
-    ChartDemoCard
+    ChartDemoCard: () => import('../components/ChartDemoCard.vue')
   }
 }
diff --git a/src/pages/demo/chart/dynamicSize/index.vue b/src/pages/demo/chart/dynamicSize/index.vue
index b3d8875b..88b11974 100644
--- a/src/pages/demo/chart/dynamicSize/index.vue
+++ b/src/pages/demo/chart/dynamicSize/index.vue
@@ -62,10 +62,9 @@
 </template>
 
 <script>
-import ChartCardHeader from './components/ChartCardHeader'
 export default {
   components: {
-    ChartCardHeader
+    ChartCardHeader: () => import('./components/ChartCardHeader')
   },
   data () {
     return {
diff --git a/src/pages/demo/chart/index/index.vue b/src/pages/demo/chart/index/index.vue
index 7b7e8cf7..6812e4a4 100644
--- a/src/pages/demo/chart/index/index.vue
+++ b/src/pages/demo/chart/index/index.vue
@@ -54,10 +54,9 @@
 </template>
 
 <script>
-import ChartCardHeader from './components/ChartCardHeader'
 export default {
   components: {
-    ChartCardHeader
+    ChartCardHeader: () => import('./components/ChartCardHeader')
   },
   data () {
     return {
diff --git a/src/pages/demo/components/icon/list.vue b/src/pages/demo/components/icon/list.vue
index cfb5af63..a7aa55ab 100644
--- a/src/pages/demo/components/icon/list.vue
+++ b/src/pages/demo/components/icon/list.vue
@@ -28,10 +28,9 @@
 
 <script>
 import icon from '@/assets/library/font-awesome-4.7.0-icon/icon.js'
-import IconCell from './components/IconCell'
 export default {
   components: {
-    IconCell
+    IconCell: () => import('./components/IconCell')
   },
   data () {
     return {
diff --git a/src/pages/demo/plugins/mock/demoDPD.vue b/src/pages/demo/plugins/mock/demoDPD.vue
index c17c7671..c64fb366 100644
--- a/src/pages/demo/plugins/mock/demoDPD.vue
+++ b/src/pages/demo/plugins/mock/demoDPD.vue
@@ -24,10 +24,9 @@ import Vue from 'vue'
 import clone from '@/utils/clone.js'
 import Mock from 'mockjs'
 import settingDPD from './data/settingDPD'
-import MockDemoCard from './components/MockDemoCard'
 export default {
   components: {
-    MockDemoCard
+    MockDemoCard: () => import('./components/MockDemoCard')
   },
   data () {
     return {
diff --git a/src/pages/demo/plugins/mock/demoDTD.vue b/src/pages/demo/plugins/mock/demoDTD.vue
index b6619f2f..ceb0a563 100644
--- a/src/pages/demo/plugins/mock/demoDTD.vue
+++ b/src/pages/demo/plugins/mock/demoDTD.vue
@@ -36,8 +36,6 @@ import Vue from 'vue'
 import clone from '@/utils/clone.js'
 import Mock from 'mockjs'
 import settingDTD from './data/settingDTD'
-import MockDemoCard from './components/MockDemoCard'
-// mixin
 import regexp from './mixins/regexp'
 import fn from './mixins/function'
 export default {
@@ -46,7 +44,7 @@ export default {
     fn
   ],
   components: {
-    MockDemoCard
+    MockDemoCard: () => import('./components/MockDemoCard')
   },
   data () {
     return {
diff --git a/src/pages/demo/plugins/vue-i18n/demo-1.vue b/src/pages/demo/plugins/vue-i18n/demo-1.vue
index 663657fc..d5c471b7 100644
--- a/src/pages/demo/plugins/vue-i18n/demo-1.vue
+++ b/src/pages/demo/plugins/vue-i18n/demo-1.vue
@@ -11,12 +11,10 @@
 </template>
 
 <script>
-import DemoI18nControl from './components/DemoI18nControl'
-import DemoI18n from './components/DemoI18n'
 export default {
   components: {
-    DemoI18nControl,
-    DemoI18n
+    DemoI18nControl: () => import('./components/DemoI18nControl'),
+    DemoI18n: () => import('./components/DemoI18n')
   }
 }
 </script>
diff --git a/src/pages/demo/plugins/vue-i18n/demo-2.vue b/src/pages/demo/plugins/vue-i18n/demo-2.vue
index f7395b8f..26f8e8a3 100644
--- a/src/pages/demo/plugins/vue-i18n/demo-2.vue
+++ b/src/pages/demo/plugins/vue-i18n/demo-2.vue
@@ -11,12 +11,10 @@
 </template>
 
 <script>
-import DemoI18nControl from './components/DemoI18nControl'
-import DemoI18n from './components/DemoI18n'
 export default {
   components: {
-    DemoI18nControl,
-    DemoI18n
+    DemoI18nControl: () => import('./components/DemoI18nControl'),
+    DemoI18n: () => import('./components/DemoI18n')
   }
 }
 </script>