二、项目依赖的安装及脚本命令

总述

• 依赖可分为项目依赖和子包（子项目）依赖，通用依赖可安装到项目根目录下供所有地方使用，子包可单独安装所需依赖；
• 脚本命令可分为项目级别的命令和子包级别的命令，可在子包中单独定义，可单独进入相应目录并执行，也可在根目录下定义执行子包中的命令。

详情

• 根目录下的 package.json

"scripts": {
    "dev": "pnpm --filter @lxx-ui/play dev",
    "docs:dev": "pnpm --filter @lxx-ui/docs dev",
    "docs:build": "pnpm --filter @lxx-ui/docs build",
    "test": "pnpm --filter @lxx-ui/components test"
},
"devDependencies": {
    "@types/lodash-es": "^4.17.12",
    "@types/node": "^20.11.20",
    "@vitejs/plugin-vue": "^5.0.4",
    "@vitejs/plugin-vue-jsx": "^3.1.0",
    "@vue/tsconfig": "^0.5.1",
    "postcss-color-mix": "^1.1.0",
    "postcss-each": "^1.1.0",
    "postcss-each-variables": "^0.3.0",
    "postcss-for": "^2.1.1",
    "postcss-nested": "^6.0.1",
    "typescript": "^5.2.2",
    "vite": "^5.1.4",
    "vitest": "^1.4.0",
    "vue-tsc": "^1.8.27"
  },
  "dependencies": {
    "lodash-es": "^4.17.21",
    "vue": "^3.4.19",
    "lxx-ui": "workspace:*",
    "@lxx-ui/hooks": "workspace:*",
    "@lxx-ui/utils": "workspace:*",
    "@lxx-ui/theme": "workspace:*"
  }

• packages/components/package.json

"scripts": {
    "test": "vitest --coverage"
},
"devDependencies": {
    "@vitest/coverage-v8": "^1.4.0",
    "@vue/test-utils": "^2.4.5",
    "jsdom": "^24.0.0"
},
"dependencies": {
    "@popperjs/core": "^2.11.8",
    "async-validator": "^4.2.5"
}

• packages/core/package.json

"dependencies": {
    "@lxx-ui/components": "workspace:*"
},

• packages/docs/package.json

"scripts": {
    "dev": "vitepress dev",
    "build": "vitepress build",
    "preview": "vitepress preview"
},
"dependencies": {
    "@lxx-ui/components": "workspace:*"
},

• packages/play/package.json

"scripts": {
    "dev": "vite",
    "build": "vue-tsc -b && vite build",
    "preview": "vite preview"
},
"devDependencies": {
    "@vitejs/plugin-vue": "^5.0.5"
}