iss-lowcode-engine
v0.1.2
Published
在开始之前,你可能需要安装 yarn 或者 pnpm。
Downloads
202
Readme
iss-lowcode-engine
浪潮软件-天工开务-网页设计器
安装网页设计器
在开始之前,你可能需要安装 yarn 或者 pnpm。
npm:
npm i iss-lowcode-engine
yarn:
yarn add iss-lowcode-engine
pnpm:
pnpm add iss-lowcode-engine
安装构建插件:
webpack
npm:
npm i iss-plugins-webpack-plugin
yarn:
yarn add iss-plugins-webpack-plugin
pnpm:
pnpm add iss-plugins-webpack-plugin
webpack5 配置
const WebDesignerServerPlugin = require('iss-plugins-webpack-plugin');
const WebDesignerServerMiddleware =require("iss-plugins-webpack-plugin").WebDesignerServerMiddleware;
devServer: {
setupMiddlewares: WebDesignerServerMiddleware,
},
plugins: [
new WebDesignerServerPlugin(),
],
webpack4 配置
const WebDesignerServerPlugin = require('iss-plugins-webpack-plugin');
const WebDesignerServerMiddleware4x = require('iss-plugins-webpack-plugin').WebDesignerServerMiddleware4x;
devServer: {
before: WebDesignerServerMiddleware4x
},
plugins: [
new WebDesignerServerPlugin(),
],
vite
npm:
npm i iss-plugins-vite-plugin
yarn:
yarn add iss-plugins-vite-plugin
pnpm:
pnpm add iss-plugins-vite-plugin
vite 配置
import webDesignerPlugin from "iss-plugins-vite-plugin";
plugins: [webDesignerPlugin()],
使用:
使用前需确保,主依赖和插件已安装并成功配置。
在Vue中使用
<template>
<div>
<web-designer ></web-designer>
</div>
</template>
<script>
import 'inspur-lowcode-engine';
</script>
在H5中使用
<!DOCTYPE html>
<html lang="en">
<head>
<title>网页设计</title>
</head>
<body>
<web-designer ></web-designer>
</body>
</html>