pnpm initpackages:
- 'packages/**'导出方法
export default function printPoem(num) {
console.log("可怜白骨攒孤冢，尽为将军觅战功。", num);
}修改 package.json
{
"type": "module",
}# vue项目
pnpm create vite page1
cd page1
pnpm install
# 修改vite.config.js运行在3001端口
pnpm run dev# react项目
pnpm create vite page2
cd page2
pnpm install
# 修改vite.config.js运行在3002端口
pnpm run devpnpm install common
pnpm install express可以看到如果依赖的是当前项目的模块，版本号会有 workspace: 前缀
{
"dependencies": {
"common": "workspace:^1.0.0",
"express": "^4.18.2"
}
}src/index.js
import printPoem from "common";
import express from "express";
import _ from "lodash";
// 可以使用项目共享的lodash依赖以及当前项目的模块依赖
printPoem(_.random(10, 20));
const app = express();
const port = 8080;
app.all("*", function (req, res, next) {
res.header("Access-Control-Allow-Host", "*");
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
next();
});
app.get("/", (req, res) => {
res.send("Hello world!");
});
app.listen(port, () => {
console.log(`App listening on port ${port}`);
});
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent