JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-05 19:41:40 +08:00
Code Issues Projects Releases Wiki Activity

feat(runtime): 支持构建magic-admin的runtime产物

Browse Source
This commit is contained in:
roymondchen 2022-07-11 20:17:15 +08:00 committed by jia000
parent 7dc0b4e261
commit 014859fd2f
19 changed files with 34 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/src/admin/introduction.md
View File

@ -143,11 +143,11 @@ watchEffect(async () => {
在管理端中我们提供了一个可视化的模拟画布，他需要依赖 runtime 核心库，因此我们需要先在 magic 根目录下运行
```js
cd magic
npm run build
cd tmatic-editor
npm run build:runtime:admin
```
将 /playground/dist/runtime 文件夹复制到 /magic-admin/web/public 和 /magic-admin/server/assets 目录下。web 下的 runtime 提供给模拟画布使用，server 下的 runtime 提供给发布后的页面来使用。
将/runtime/{vue3 | vue2 | react}/admin-dist 中所有文件以及文件夹复制到 /magic/runtime 目录下
上面的操作我们提供了/magic-admin/setup.sh 脚本文件来实现，开发者可以参考该脚本文件来搭建流水线。

4
magic-admin/setup.sh
View File

@ -4,8 +4,8 @@
WORKSPACE=$(dirname "$PWD")
echo ${WORKSPACE}
# 全局安装lerna
npm i lerna -g
# 全局安装pnpm
npm i pnpm -g
# magic依赖安装和构建
cd ${WORKSPACE}

1
package.json
View File

@ -17,6 +17,7 @@
"playground:react": "pnpm --filter \"runtime-react\" --filter \"tmagic-playground\" dev:react",
"pg:react": "pnpm playground:react",
"build": "pnpm --filter \"@tmagic/*\" build",
"build:runtime:admin": "pnpm --filter \"runtime-*\" build:admin",
"build:playground": "pnpm --filter \"runtime-*\" --filter \"tmagic-playground\" build",
"postbuild:playground": "shx mkdir playground/dist/runtime && shx cp -r runtime/vue2/dist ./playground/dist/runtime/vue2 && shx cp -r runtime/vue3/dist ./playground/dist/runtime/vue3 && cp -r runtime/react/dist ./playground/dist/runtime/react",
"docs": "pnpm --filter \"docs\" dev",

2
runtime/react/.env.admin Normal file
View File

@ -0,0 +1,2 @@
BASE=/runtime
OUT_DIR=admin-dist

3
runtime/react/.gitignore vendored
View File

@ -1,4 +1,5 @@
comp-entry.ts
config-entry.ts
value-entry.ts
event-entry.ts
event-entry.ts
admin-dist

1
runtime/react/package.json
View File

@ -5,6 +5,7 @@
"scripts": {
"dev:react": "npm run entry && npm run build:lib & npm run dev:html",
"build": "npm run entry && vite build",
"build:admin": "npm run entry && vite build --mode admin",
"serve": "vite preview",
"entry": "node scripts/build.js",
"build:lib": "vite build --mode lib",

2
runtime/react/playground.html
View File

@ -22,8 +22,6 @@
<div id="root"></div>
<script src="https://cdn.bootcdn.net/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
<script type="module" src="/src/playground/main.tsx"></script>
</body>
</html>

6
runtime/react/vite.config.ts
View File

@ -22,7 +22,7 @@ import { defineConfig, loadEnv } from 'vite';
import reactRefresh from '@vitejs/plugin-react-refresh';
export default defineConfig(({ command, mode }) => {
const { WATCH_INCLUDE = '' } = loadEnv(mode, process.cwd(), '');
const { WATCH_INCLUDE = '', BASE, OUT_DIR } = loadEnv(mode, process.cwd(), '');
const libInput = {
config: './src/config-entry.ts',
value: './src/value-entry.ts',
@ -37,6 +37,8 @@ export default defineConfig(({ command, mode }) => {
const devInput = mode === 'lib' ? libInput : htmlInput;
const buildConfig = {
outDir: OUT_DIR || 'dist',
sourcemap: true,
cssCodeSplit: false,
@ -67,7 +69,7 @@ export default defineConfig(({ command, mode }) => {
}
return {
base: '/tmagic-editor/playground/runtime/react',
base: BASE || '/tmagic-editor/playground/runtime/react',
plugins: [reactRefresh()],

2
runtime/vue2/.env.admin Normal file
View File

@ -0,0 +1,2 @@
BASE=/runtime
OUT_DIR=admin-dist

3
runtime/vue2/.gitignore vendored
View File

@ -1,4 +1,5 @@
comp-entry.ts
config-entry.ts
value-entry.ts
event-entry.ts
event-entry.ts
admin-dist

1
runtime/vue2/package.json
View File

@ -5,6 +5,7 @@
"scripts": {
"dev:vue2": "npm run entry && npm run build:lib & npm run dev:html",
"build": "npm run entry && vite build",
"build:admin": "npm run entry && vite build --mode admin",
"serve": "vite preview",
"entry": "node scripts/build.js",
"build:lib": "vite build --mode lib",

2
runtime/vue2/page.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vue2 Page</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app"></div>

1
runtime/vue2/playground.html
View File

@ -22,7 +22,6 @@
<div id="app"></div>
<script src="https://cdn.bootcdn.net/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="module" src="/src/playground/main.ts"></script>

6
runtime/vue2/vite.config.ts
View File

@ -24,7 +24,7 @@ import vue from '@vitejs/plugin-vue2';
import externalGlobals from 'rollup-plugin-external-globals';
export default defineConfig(({ command, mode }) => {
const { WATCH_INCLUDE = '' } = loadEnv(mode, process.cwd(), '');
const { WATCH_INCLUDE = '', BASE, OUT_DIR } = loadEnv(mode, process.cwd(), '');
const libInput = {
config: './src/config-entry.ts',
value: './src/value-entry.ts',
@ -39,6 +39,8 @@ export default defineConfig(({ command, mode }) => {
const devInput = mode === 'lib' ? libInput : htmlInput;
const buildConfig = {
outDir: OUT_DIR || 'dist',
sourcemap: true,
cssCodeSplit: false,
@ -69,7 +71,7 @@ export default defineConfig(({ command, mode }) => {
}
return {
base: '/tmagic-editor/playground/runtime/vue2',
base: BASE || '/tmagic-editor/playground/runtime/vue2',
plugins: [vue(), externalGlobals({ vue: 'Vue' }, { exclude: ['page.html', 'playground.html'] })],

2
runtime/vue3/.env.admin Normal file
View File

@ -0,0 +1,2 @@
BASE=/runtime
OUT_DIR=admin-dist

3
runtime/vue3/.gitignore vendored
View File

@ -1,4 +1,5 @@
comp-entry.ts
config-entry.ts
value-entry.ts
event-entry.ts
event-entry.ts
admin-dist

1
runtime/vue3/package.json
View File

@ -5,6 +5,7 @@
"scripts": {
"dev": "npm run entry && npm run build:lib & npm run dev:html",
"build": "npm run entry && vite build",
"build:admin": "npm run entry && vite build --mode admin",
"serve": "vite preview",
"entry": "node scripts/build.js",
"build:lib": "vite build --mode lib",

1
runtime/vue3/playground.html
View File

@ -22,7 +22,6 @@
<div id="app"></div>
<script src="https://cdn.bootcdn.net/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
<script src="https://unpkg.com/vue@next/dist/vue.global.js"></script>
<script type="module" src="/src/playground/main.ts"></script>

6
runtime/vue3/vite.config.ts
View File

@ -26,7 +26,7 @@ import vueJsx from '@vitejs/plugin-vue-jsx';
import externalGlobals from 'rollup-plugin-external-globals';
export default defineConfig(({ command, mode }) => {
const { WATCH_INCLUDE = '' } = loadEnv(mode, process.cwd(), '');
const { WATCH_INCLUDE = '', BASE, OUT_DIR } = loadEnv(mode, process.cwd(), '');
const libInput = {
config: './src/config-entry.ts',
value: './src/value-entry.ts',
@ -41,6 +41,8 @@ export default defineConfig(({ command, mode }) => {
const devInput = mode === 'lib' ? libInput : htmlInput;
const buildConfig = {
outDir: OUT_DIR || 'dist',
sourcemap: true,
cssCodeSplit: false,
@ -71,7 +73,7 @@ export default defineConfig(({ command, mode }) => {
}
return {
base: '/tmagic-editor/playground/runtime/vue3',
base: BASE || '/tmagic-editor/playground/runtime/vue3',
plugins: [vue(), vueJsx(), externalGlobals({ vue: 'Vue' }, { exclude: ['page.html', 'playground.html'] })],