Skip to content

Commit 44c60e1

Browse files
csr632csr632
authored
demo: use vite library mode to build library (#81)
* template-lib use vite library mode to build * improve template-lib * update deps * update deps
1 parent 11a4550 commit 44c60e1

File tree

21 files changed

+1218
-476
lines changed

21 files changed

+1218
-476
lines changed

‎doc-site/package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,13 +22,13 @@
2222
"devDependencies": {
2323
"@types/react": "^17.0.3",
2424
"@types/react-router-dom": "^5.1.7",
25-
"@vitejs/plugin-react": "^2.0.1",
25+
"@vitejs/plugin-react": "^2.1.0",
2626
"gh-pages": "^4.0.0",
2727
"rimraf": "^3.0.2",
2828
"serve": "^14.0.1",
29-
"vite": "^3.0.7",
29+
"vite": "^3.1.0",
3030
"vite-pages-theme-doc": "workspace:*",
31-
"vite-plugin-mdx": "^3.5.6",
31+
"vite-plugin-mdx": "^3.5.11",
3232
"vite-plugin-react-pages": "workspace:*"
3333
}
3434
}

‎package.json

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
"prettier": "^2.7.1",
3737
"sirv": "^2.0.2",
3838
"slash": "^3.0.0",
39-
"typescript": "^4.7.4",
39+
"typescript": "^4.8.3",
4040
"wait-on": "^6.0.1"
4141
},
4242
"pnpm": {
@@ -52,7 +52,10 @@
5252
"react",
5353
"react-dom",
5454
"@mdx-js/mdx",
55-
"@alifd/meet-react"
55+
"@alifd/meet-react",
56+
"typescript",
57+
"rollup",
58+
"@babel/core"
5659
]
5760
}
5861
}

‎packages/create-project/template-app/package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,12 +21,12 @@
2121
"@types/node": "^17.0.42",
2222
"@types/react": "^17.0.3",
2323
"@types/react-router-dom": "^5.1.7",
24-
"@vitejs/plugin-react": "^2.0.1",
24+
"@vitejs/plugin-react": "^2.1.0",
2525
"rimraf": "^3.0.2",
2626
"serve": "^14.0.1",
27-
"vite": "^3.0.7",
27+
"vite": "^3.1.0",
2828
"vite-pages-theme-doc": "^3.1.4",
29-
"vite-plugin-mdx": "^3.5.6",
29+
"vite-plugin-mdx": "^3.5.11",
3030
"vite-plugin-react-pages": "^3.1.8"
3131
}
3232
}

‎packages/create-project/template-lib-monorepo/packages/button/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,6 @@
1212
"@types/react": "^17.0.3",
1313
"react": "^17.0.1",
1414
"rimraf": "^3.0.2",
15-
"typescript": "^4.7.4"
15+
"typescript": "^4.8.3"
1616
}
1717
}

‎packages/create-project/template-lib-monorepo/packages/card/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,6 @@
1212
"@types/react": "^17.0.3",
1313
"react": "^17.0.1",
1414
"rimraf": "^3.0.2",
15-
"typescript": "^4.7.4"
15+
"typescript": "^4.8.3"
1616
}
1717
}

‎packages/create-project/template-lib-monorepo/packages/demos/package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,15 +21,15 @@
2121
"@types/node": "^17.0.42",
2222
"@types/react": "^17.0.3",
2323
"@types/react-router-dom": "^5.1.7",
24-
"@vitejs/plugin-react": "^2.0.1",
24+
"@vitejs/plugin-react": "^2.1.0",
2525
"globby": "^11.0.2",
2626
"my-button": "*",
2727
"my-card": "*",
2828
"rimraf": "^3.0.2",
2929
"serve": "^14.0.1",
30-
"vite": "^3.0.7",
30+
"vite": "^3.1.0",
3131
"vite-pages-theme-doc": "^3.0.0",
32-
"vite-plugin-mdx": "^3.5.6",
32+
"vite-plugin-mdx": "^3.5.11",
3333
"vite-plugin-react-pages": "^3.0.0"
3434
}
3535
}

‎packages/create-project/template-lib/README.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,11 @@ You can run this demo in [StackBlitz](https://stackblitz.com/fork/github/vitejs/
1818
Edit `src/Button/index.tsx` or other source files, the demos will inflect your change instantly.
1919
Edit `src/Button/demos/demo1.tsx` or other demo files, the demos will inflect your change instantly.
2020

21-
`npm run build` The demos are built and served.
21+
`npm run build-docs` The demos are built and served.
2222

23-
`npm run ssr` The app are built into a static site (Static-Site Generation) and served.
23+
`npm run ssr-docs` The app are built into a static site (Static-Site Generation) and served.
24+
25+
`npm run build-lib` Build the library for publishing.
2426

2527
---
2628

‎packages/create-project/template-lib/package.json

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,9 @@
55
"version": "0.0.3",
66
"scripts": {
77
"dev": "SHOW_ALL_COMPONENT_DEMOS=true vite serve docs",
8-
"build": "rimraf docs/dist && vite build docs && serve -s docs/dist",
9-
"ssr": "rimraf docs/dist && vite-pages ssr docs && serve docs/dist"
8+
"build-docs": "rimraf docs/dist && vite build docs && serve -s docs/dist",
9+
"ssr-docs": "rimraf docs/dist && vite-pages ssr docs && serve docs/dist",
10+
"build-lib": "vite build"
1011
},
1112
"dependencies": {
1213
"react": "^17.0.1",
@@ -16,15 +17,16 @@
1617
"devDependencies": {
1718
"@mdx-js/mdx": "^1.6.22",
1819
"@mdx-js/react": "^1.6.22",
20+
"@rollup/plugin-typescript": "^8.5.0",
1921
"@types/node": "^17.0.42",
2022
"@types/react": "^17.0.3",
2123
"@types/react-router-dom": "^5.1.7",
22-
"@vitejs/plugin-react": "^2.0.1",
24+
"@vitejs/plugin-react": "^2.1.0",
2325
"rimraf": "^3.0.2",
2426
"serve": "^14.0.1",
25-
"vite": "^3.0.7",
27+
"vite": "^3.1.0",
2628
"vite-pages-theme-doc": "^3.1.4",
27-
"vite-plugin-mdx": "^3.5.6",
29+
"vite-plugin-mdx": "^3.5.11",
2830
"vite-plugin-react-pages": "^3.1.8"
2931
}
3032
}

‎packages/create-project/template-lib/vite.config.ts

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
// this is the build config for this demo library source, not the playground
2+
// the build config for the library playground (document) is located at docs/vite.config.ts
3+
4+
import { resolve } from 'path'
5+
import { defineConfig } from 'vite'
6+
import typescript from '@rollup/plugin-typescript'
7+
8+
export default defineConfig({
9+
build: {
10+
// use vite library mode to build the package
11+
// https://vitejs.dev/guide/build.html#library-mode
12+
lib: {
13+
entry: resolve(__dirname, 'src/index.ts'),
14+
name: 'MyLib',
15+
// the proper extensions will be added
16+
fileName: 'my-lib',
17+
},
18+
rollupOptions: {
19+
// make sure to externalize deps that shouldn't be bundled
20+
// into your library
21+
external: ['react'],
22+
output: {
23+
// Provide global variables to use in the UMD build
24+
// for externalized deps
25+
globals: {
26+
react: 'React',
27+
},
28+
},
29+
},
30+
},
31+
plugins: [
32+
// use @rollup/plugin-typescript to generate .d.ts files
33+
// https://github.com/rollup/plugins/tree/master/packages/typescript#noforceemit
34+
typescript({
35+
declaration: true,
36+
emitDeclarationOnly: true,
37+
noForceEmit: true,
38+
declarationDir: resolve(__dirname, 'dist/types'),
39+
rootDir: resolve(__dirname, 'src'),
40+
}),
41+
],
42+
})

‎packages/playground/basic/package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,11 +20,11 @@
2020
"@mdx-js/mdx": "^1.6.22",
2121
"@types/react": "^17.0.3",
2222
"@types/react-router-dom": "^5.1.7",
23-
"@vitejs/plugin-react": "^2.0.1",
23+
"@vitejs/plugin-react": "^2.1.0",
2424
"rimraf": "^3.0.2",
2525
"serve": "^14.0.1",
26-
"vite": "^3.0.7",
27-
"vite-plugin-mdx": "^3.5.6",
26+
"vite": "^3.1.0",
27+
"vite-plugin-mdx": "^3.5.11",
2828
"vite-plugin-react-pages": "workspace:*"
2929
}
3030
}

0 commit comments

Comments
 (0)