vue json schema form editor移除cdn

切记：想要将cdn的js资源下到本地然后直接本地引入是行不通的！！！（大神另说）

一、我的思路

其一 依旧使用CDN

那就是另起一个服务，然后将下载的js资源放到那个服务器里，script里的src值就是那个服务器里js地址的值（通过node、Springboot可以实现另起一个服务的效果）

其二 将CDN资源安装为依赖（我的思路）

二、思路的实现

1、所需要下载的js文件转化为依赖就是install以下三个依赖

cnpm install vue-router@3 //安装vue-router3版本 不可以不指定笨笨直接安装，否则会导致版本过高，从而使得代码出错
cnpm i element-ui -S
cnpm install @lljj/polyfill //这个在vue-editor那个模块中貌似无用

2.配置

2.1 注释掉原ELEMENT

简单来说就是会导致浏览器出报错！说没有正确注册element ui组件。

2.2 如何配置

a、注释掉以下代码

// 1、 src\pages\vue-editor\vue-editor.js中
 import elementUI from 'demo-common/components/ElementUi/index.js';

// 2、 vue.config.js中
 config.externals = {
             vue: 'Vue',
             ELEMENT: 'ELEMENT',
             VueRouter: 'VueRouter',
         };
// 3、 vue-editor.html中
    <script src="http://127.0.0.1:8000/pic/polyfill.umd.min.js"></script>
    <script src="http://127.0.0.1:8000/pic/vue.min.js"></script>
    <script src="http://127.0.0.1:8000/pic/vue-router.min.js"></script>
    <script src="http://127.0.0.1:8000/pic/element-ui/index.js"></script>

b、添加代码

// src\pages\vue-editor\vue-editor.js中
import elementUI from 'element-ui'
import '../../demo-common/components/ElementUi/theme/index.css';
Vue.use(elementUI);