diff --git a/dependencies-cdn.js b/dependencies-cdn.js
index dd4bd32c..599197da 100644
--- a/dependencies-cdn.js
+++ b/dependencies-cdn.js
@@ -35,30 +35,12 @@ module.exports = [
     css: '',
     js: 'https://cdn.jsdelivr.net/npm/better-scroll@1.15.2/dist/bscroll.min.js'
   },
-  {
-    name: 'echarts',
-    library: 'echarts',
-    css: '',
-    js: 'https://cdn.jsdelivr.net/npm/echarts@4.5.0/dist/echarts.min.js'
-  },
-  {
-    name: 'v-charts',
-    library: 'VeIndex',
-    css: 'https://cdn.jsdelivr.net/npm/v-charts@1.19.0/lib/style.min.css',
-    js: 'https://cdn.jsdelivr.net/npm/v-charts@1.19.0/lib/index.min.js'
-  },
   {
     name: 'element-ui',
     library: 'ELEMENT',
     css: 'https://cdn.jsdelivr.net/npm/element-ui@2.13.0/lib/theme-chalk/index.css',
     js: 'https://cdn.jsdelivr.net/npm/element-ui@2.13.0/lib/index.js'
   },
-  {
-    name: 'vue-grid-layout',
-    library: 'VueGridLayout',
-    css: '',
-    js: 'https://unpkg.com/vue-grid-layout@2.3.4/dist/vue-grid-layout.umd.min.js'
-  },
   {
     name: 'mockjs',
     library: 'Mock',
diff --git a/src/main.js b/src/main.js
index 45c01390..d9eb1807 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,12 +7,8 @@ import d2Admin from '@/plugin/d2admin'
 // store
 import store from '@/store/index'
 
-// [ 可选组件 ] 图表
-import VCharts from 'v-charts'
 // [ 可选组件 ] JSON 树状视图
 import vueJsonTreeView from 'vue-json-tree-view'
-// [ 可选组件 ] 网格布局
-import { GridLayout, GridItem } from 'vue-grid-layout'
 // [ 可选组件 ] 区域划分
 import SplitPane from 'vue-splitpane'
 // [ 可选组件 ] UEditor
@@ -27,10 +23,7 @@ import { frameInRoutes } from '@/router/routes'
 Vue.use(d2Admin)
 
 // 可选插件组件
-Vue.use(VCharts)
 Vue.use(vueJsonTreeView)
-Vue.component('d2-grid-layout', GridLayout)
-Vue.component('d2-grid-item', GridItem)
 Vue.component('SplitPane', SplitPane)
 Vue.component('VueUeditorWrap', VueUeditorWrap)
 
diff --git a/src/views/demo/charts/list/_mixin/list.js b/src/views/demo/charts/list/_mixin/list.js
index 8a33ee3a..82e04481 100644
--- a/src/views/demo/charts/list/_mixin/list.js
+++ b/src/views/demo/charts/list/_mixin/list.js
@@ -1,3 +1,7 @@
+import Vue from 'vue'
+import VCharts from 'v-charts'
+Vue.use(VCharts)
+
 export default {
   data () {
     return {
diff --git a/src/views/demo/components/layout/grid.vue b/src/views/demo/components/layout/grid.vue
index c56e22be..71aefec9 100644
--- a/src/views/demo/components/layout/grid.vue
+++ b/src/views/demo/components/layout/grid.vue
@@ -25,6 +25,10 @@
 </template>
 
 <script>
+import Vue from 'vue'
+import { GridLayout, GridItem } from 'vue-grid-layout'
+Vue.component('d2-grid-layout', GridLayout)
+Vue.component('d2-grid-item', GridItem)
 export default {
   data () {
     return {