packages:
  # all packages in direct subdirs of packages/
  - 'packages/*'
  # all packages in subdirs of components/
  - 'components/'
  # exclude packages that are inside test directories
  - '!/test/**'

+ packages
    + foo
    + bar

// package.json
{
  "name": "@my-vue/reactivity",
  "version": "1.0.0",
  "description": "",
  "main": "dist/reactivity.cjs.js",
  "module": "dist/reactivity.esm-bundler.js",
  "buildOptions": {
    "name": "VueReactivity"
  },
  "dependencies": {
    "runtime-core": "workspace:*"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

// src/index.js
import { isObject } from '@my-vue/shared'
import { printConsole  } from 'runtime-core'
const obj = {name: 'Vue3'}
console.log(isObject(obj))
printConsole()

// package.json
{
  "name": "@my-vue/shared",
  "version": "1.0.0",
  "description": "",
  "main": "dist/shared.cjs.js",
  "module": "dist/shared.esm-bundler.js",
  "keywords": [],
  "author": "",
  "license": "ISC"
}

// src/ index.js
/**
 * 判断对象
 */
export const isObject = (value) =>{
  return typeof value === 'object' && value !== null
}
/**
* 判断函数
*/
export const isFunction= (value) =>{
  return typeof value === 'function'
}
/**
* 判断字符串
*/
export const isString = (value) => {
  return typeof value === 'string'
}

// package.json
{
  "name": "@my-vue/shared",
  "version": "1.0.0",
  "description": "",
  "main": "dist/shared.cjs.js",
  "module": "dist/shared.esm-bundler.js",
  "keywords": [],
  "author": "",
  "license": "ISC"
}

// src/index.js
export const printConsole = () => {
  console.log('runtimeCore')
}

import { isObject } from '@my-vue/shared'
import { printConsole  } from 'runtime-core'

// script/dev.js：
// 使用 minimist 解析命令行参数
const args = require('minimist')(process.argv.slice(2))
const path = require('path')
// 使用 esbuild 作为构建工具
const { build } = require('esbuild')
// 需要打包的模块。默认打包 reactivity 模块
const target = args._[0] || 'reactivity'
// 打包的格式。默认为 global，即打包成 IIFE 格式，在浏览器中使用
const format = args.f || 'global'
// 打包的入口文件。每个模块的 src/index.ts 作为该模块的入口文件
const entry = path.resolve(__dirname, ../packages/${target}/src/index.ts)
// 打包文件的输出格式
const outputFormat = format.startsWith('global') ? 'iife' : format === 'cjs' ? 'cjs' : 'esm'
// 文件输出路径。输出到模块目录下的 dist 目录下，并以各自的模块规范为后缀名作为区分
const outfile = path.resolve(__dirname, ../packages/${target}/dist/${target}.${format}.js)
// 读取模块的 package.json，它包含了一些打包时需要用到的配置信息
const pkg = require(path.resolve(__dirname, ../packages/${target}/package.json))
// buildOptions.name 是模块打包为 IIFE 格式时的全局变量名字
const pgkGlobalName = pkg?.buildOptions?.name
console.log('模块信息：\n', entry, '\n', format, '\n', outputFormat, '\n', outfile)
// 使用 esbuild 打包
build({
  // 打包入口文件，是一个数组或者对象
  entryPoints: [entry], 
  // external: [...Object.keys(pkg.dependencies || {})],
  // 输入文件路径
  outfile, 
  // 将依赖的文件递归的打包到一个文件中，默认不会进行打包
  bundle: true, 
  // 开启 sourceMap
  sourcemap: true,
  // 打包文件的输出格式，值有三种：iife、cjs 和 esm
  format: outputFormat, 
  // 如果输出格式为 IIFE，需要为其指定一个全局变量名字
  globalName: pgkGlobalName, 
  // 默认情况下，esbuild 构建会生成用于浏览器的代码。如果打包的文件是在 node 环境运行，需要将平台设置为node
  platform: format === 'cjs' ? 'node' : 'browser',
}).then(() => {
  console.log('watching ...')
})

// 。。。省略
const target = args._[0] || 'vue'
const format = args.f || 'global'
const pkg = require(`../packages/${target}/package.json`)
// resolve output
const outputFormat = format.startsWith('global')
  ? 'iife'
  : format === 'cjs'
  ? 'cjs'
  : 'esm'
// 。。。省略
const outfile = resolve(
    __dirname,
    `../packages/${target}/dist/${
    target === 'vue-compat' ? `vue` : target
    }.${postfix}.js`
)
// 。。。省略
esbuild
  .context({
    entryPoints: [resolve(__dirname, `../packages/${target}/src/index.ts`)],
    outfile,
    bundle: true,
    external,
    sourcemap: true,
    format: outputFormat,
    globalName: pkg.buildOptions?.name,
    platform: format === 'cjs' ? 'node' : 'browser',
    plugins,
    define: {
      __COMMIT__: `"dev"`,
      __VERSION__: `"${pkg.version}"`,
      __DEV__: `true`,
      __TEST__: `false`,
      __BROWSER__: String(
        format !== 'cjs' && !pkg.buildOptions?.enableNonBrowserBranches
      ),
      __GLOBAL__: String(format === 'global'),
      __ESM_BUNDLER__: String(format.includes('esm-bundler')),
      __ESM_BROWSER__: String(format.includes('esm-browser')),
      __NODE_JS__: String(format === 'cjs'),
      __SSR__: String(format === 'cjs' || format.includes('esm-bundler')),
      __COMPAT__: String(target === 'vue-compat'),
      __FEATURE_SUSPENSE__: `true`,
      __FEATURE_OPTIONS_API__: `true`,
      __FEATURE_PROD_DEVTOOLS__: `false`
    }
  })
  .then(ctx => ctx.watch())