Monorepo中Vue组件库如何实现修改后自动触发构建？

当然可以实现，给你几个实用方案：

方案1：直接用Vue CLI的watch模式 #

Vue CLI的build命令支持--watch参数，能监听源码文件变化自动重新构建。直接修改你的构建命令：

vue-cli-service build --target lib src/index.ts --watch

启动这个命令后，只要组件包的src目录下的.ts、.vue等文件有修改，就会自动触发构建，完全不用手动操作。

你可以把这个命令加到组件包的package.json脚本里，方便快速启动：

{
  "scripts": {
    "build:watch": "vue-cli-service build --target lib src/index.ts --watch"
  }
}

之后运行npm run build:watch就能开启实时构建。

方案2：用nodemon监听并触发构建 #

如果Vue CLI的watch模式不符合你的需求（比如需要自定义监听的文件类型或目录），可以用nodemon这个工具：

1. 先安装nodemon（全局或局部）：

npm install nodemon --save-dev

2. 直接用命令行启动监听：

nodemon --watch src --ext ts,vue,scss --exec "vue-cli-service build --target lib src/index.ts"

这里--watch src指定监听src目录，--ext指定要监听的文件后缀，文件变化时就会执行后面的构建命令。

同样可以加到脚本里：

{
  "scripts": {
    "dev:watch": "nodemon --watch src --ext ts,vue,scss --exec \"vue-cli-service build --target lib src/index.ts\""
  }
}

额外提示：Monorepo下的依赖联动 #

如果你的应用是直接引用组件包的构建产物，确保应用能及时获取到最新的构建结果。如果用的是pnpm/yarn的workspace，或者通过npm link把组件包链接到应用中，大部分情况下应用的热更新会自动识别到依赖包的变化（如果应用本身开了热重载的话）。

内容的提问来源于stack exchange，提问作者Haim