diff --git a/src/components/charts/register.js b/src/components/charts/register.js
index 0b703f3f..c826f485 100644
--- a/src/components/charts/register.js
+++ b/src/components/charts/register.js
@@ -1,16 +1,16 @@
 import Vue from 'vue'
 
-Vue.component('G2AreaBase', resolve => { require(['@/components/charts/G2/components/Area/base.vue'], resolve) })
+Vue.component('G2AreaBase', () => import('@/components/charts/G2/components/Area/base.vue'))
 
-Vue.component('G2BarBase', resolve => { require(['@/components/charts/G2/components/Bar/base.vue'], resolve) })
+Vue.component('G2BarBase', () => import('@/components/charts/G2/components/Bar/base.vue'))
 
-Vue.component('G2ColumnBase', resolve => { require(['@/components/charts/G2/components/Column/base.vue'], resolve) })
+Vue.component('G2ColumnBase', () => import('@/components/charts/G2/components/Column/base.vue'))
 
-Vue.component('G2LineBase', resolve => { require(['@/components/charts/G2/components/Line/base.vue'], resolve) })
-Vue.component('G2LineStep', resolve => { require(['@/components/charts/G2/components/Line/step.vue'], resolve) })
+Vue.component('G2LineBase', () => import('@/components/charts/G2/components/Line/base.vue'))
+Vue.component('G2LineStep', () => import('@/components/charts/G2/components/Line/step.vue'))
 
-Vue.component('G2NightingaleRoseBase', resolve => { require(['@/components/charts/G2/components/NightingaleRose/base.vue'], resolve) })
+Vue.component('G2NightingaleRoseBase', () => import('@/components/charts/G2/components/NightingaleRose/base.vue'))
 
-Vue.component('G2PieBase', resolve => { require(['@/components/charts/G2/components/Pie/base.vue'], resolve) })
+Vue.component('G2PieBase', () => import('@/components/charts/G2/components/Pie/base.vue'))
 
-Vue.component('G2RadarBase', resolve => { require(['@/components/charts/G2/components/Radar/base.vue'], resolve) })
+Vue.component('G2RadarBase', () => import('@/components/charts/G2/components/Radar/base.vue'))