vueVue
2025-05-15 08:50阅读:310评论:0
vform3 源码编译打包其他项目引入使用
vform3源码编译引入项目 遇到的问题 当通过import引入vform3时遇到以下错误 image image 安装依赖 于是改变方式通过npm install将编译后的文件以依赖包方式加载到项目中，操作如下： 在项目中创建vform3-builds文件夹，将vform3打包生成的dist文件夹
_PROTECTED7_PROTECTED8_PROTECTED0_PROTECTED9_PROTECTED1_PROTECTED10_PROTECTED2_PROTECTED11_PROTECTED3_PROTECTED12_PROTECTED4_PROTECTED13_PROTECTED5_PROTECTED14_PROTECTED6__文件，添加以下内容
1
2
3
4
5
6
7
8
9
10
11
12
13
{ "name": "vform3-builds", "version": "3.0.10", "private": false, "main": "dist/designer.umd.js", "keywords": [ "variant-form", "vform", "element-ui", "form-designer" ]} - 项目根目录下的___PROTECTED_1__0__引入依赖，如下
1
2
3
4
5
"dependencies": { // 这里指定vform3存放路径 "vform3-builds": "file:./vform3-builds" }, - 执行___PROTECTED_3__0___PROTECTED_4__2___PROTECTED_5__1__中引入插件
1
2
3
4
5
6
import ElementPlus from 'element-plus' //引入element-plus库import 'element-plus/dist/index.css' //引入element-plus样式 import VForm3 from 'vform3-builds' //引入VForm3库import 'vform3-builds/dist/designer.style.css' //引入VForm3样式 - 到此已经可是正常使用插件了