improve template-lib-monorepo

Author: csr632

README.md

@@ -21,9 +21,13 @@ It provides many features that help developers **build a React App quickly**:
 
 ## Getting stated
 
-### Play with demo projects in your browser
+### Try it online on StackBlitz
 
-Thanks to [StackBlitz WebContainers](https://blog.stackblitz.com/posts/introducing-webcontainers/), you can run vite-pages projects entirely in your browser! Checkout [vite-pages app demo](https://stackblitz.com/fork/github/vitejs/vite-plugin-react-pages/tree/main/packages/create-project/template-app?file=README.md&terminal=dev) or [vite-pages library demo](https://stackblitz.com/fork/github/vitejs/vite-plugin-react-pages/tree/main/packages/create-project/template-lib?file=README.md&terminal=dev).
+You can play with these demo projects in your browser, without installing anything on your machine.
+
+- [app demo](https://stackblitz.com/fork/github/vitejs/vite-plugin-react-pages/tree/main/packages/create-project/template-app?file=README.md&terminal=dev)
+- [library demo](https://stackblitz.com/fork/github/vitejs/vite-plugin-react-pages/tree/main/packages/create-project/template-lib?file=README.md&terminal=dev)
+- [library monorepo demo](https://stackblitz.com/fork/github/vitejs/vite-plugin-react-pages/tree/main/packages/create-project/template-lib-monorepo?file=README.md&terminal=dev)
 
 ### Initialize a demo project locally
 

doc-site/pages/$.mdx

@@ -35,9 +35,13 @@ It provides many features that help developers **build a React App quickly**:
 
 ## Getting stated
 
-### Play with demo projects in your browser
+### Try it online on StackBlitz
 
-Thanks to [StackBlitz WebContainers](https://blog.stackblitz.com/posts/introducing-webcontainers/), you can run vite-pages projects entirely in your browser! Checkout [vite-pages app demo](https://stackblitz.com/fork/github/vitejs/vite-plugin-react-pages/tree/main/packages/create-project/template-app?file=README.md&terminal=dev) or [vite-pages library demo](https://stackblitz.com/fork/github/vitejs/vite-plugin-react-pages/tree/main/packages/create-project/template-lib?file=README.md&terminal=dev).
+You can play with these demo projects in your browser, without installing anything on your machine.
+
+- [app demo](https://stackblitz.com/fork/github/vitejs/vite-plugin-react-pages/tree/main/packages/create-project/template-app?file=README.md&terminal=dev)
+- [library demo](https://stackblitz.com/fork/github/vitejs/vite-plugin-react-pages/tree/main/packages/create-project/template-lib?file=README.md&terminal=dev)
+- [library monorepo demo](https://stackblitz.com/fork/github/vitejs/vite-plugin-react-pages/tree/main/packages/create-project/template-lib-monorepo?file=README.md&terminal=dev)
 
 ### Initialize a demo project locally
 

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

@@ -3,13 +3,15 @@
 This is a demo project for [vite-plugin-react-pages](https://github.com/vitejs/vite-plugin-react-pages).
 This project demonstrate how to develop libraries **in monorepo** using vite as your local develop environment.
 
+> This demo project setup both [pnpm workspaces](https://pnpm.io/workspaces) and [npm workspaces](https://docs.npmjs.com/cli/v8/using-npm/workspaces?v=true). You can use either one.
+
 ## How to use
 
-`pnpm install` or `yarn install` (require yarn 1.x)
+`pnpm install` or `npm install` (require npm 7+)
 
 `cd packages/demos`
 
-`pnpm run dev` You can play with demos of your packages in local develop environment.
+`pnpm run dev` or `npm run dev` You can play with demos of your packages in local develop environment.
 
 Edit `packages/button/src/index.tsx` or other source files, the demos will inflect your change instantly.
 Edit `packages/button/demos/demo1.tsx` or other demo files, the demos will inflect your change instantly.

packages/create-project/template-lib-monorepo/_npmrc

@@ -3,8 +3,11 @@
   "version": "0.0.2",
   "private": true,
   "scripts": {
-    "dev": "cd packages/demos && npm run dev"
+    "dev": "cd packages/demos && npm run dev",
+    "dev-pnpm": "pnpm run --filter library-demos dev",
+    "dev-npm": "npm run dev --workspace library-demos"
   },
+  "//comment": "The following workspaces config is used by `npm workspaces`. You can delete it if you use pnpm.",
   "workspaces": [
     "packages/*"
   ]