/vjsf-demo-editor

可视化活动编辑器,基于JSON Schema的通用表单支持编辑器配置,快速搭建自己的编辑器平台

Primary LanguageVueMIT LicenseMIT

vue-json-schema-form 活动编辑器

当前项目实际为 vue-json-schema-form demo项目 中活动编辑器的单独仓库。

启动方法

# 安装,请使用 yarn
yarn

# 开发环境
yarn dev

# 浏览器访问
http://127.0.0.1:8800/vue-editor.html

# build
yarn build

备注

为了和 vue-json-schema-form demo项目 项目保持通用性。对依赖的 demo-common 做了以下处理,js中使用webpack 配置别名,css 使用postcss import插件配置path来兼容。

详细如下:

  • webpack 配置 vue-config.js 添加别名,解决js中 import 'demo-common/xx'
config.resolve.alias = {
    ...config.resolve.alias,
    'demo-common': path.resolve(__dirname, './src/demo-common'),
};
  • postcss.config.js 配置post import plugin 添加path配置,解决css中 @import 'demo-common/xx'
require('postcss-import')({
    path: ['src/']
})

构建

使用 vue cli 构建项目多entry形式,按文件目录自动查找entry,有兴趣可参见 /scripts/entry.js 文件

为何独立一份

vue-json-schema-form 为Monorepo,package 之间有相互依赖,由于会有新人不知如何抽出需要的独立package, 所以现在独立为一个单独的仓库,同时方便后续的更新。