Best practice when configuring a monorepo

[yf-yang]

I am trying to configure a monorepo with modern.js and rspack. Then I found an issue regarding similar topics.

In the comment, @Boshen mentions that

I've seen this situation at ByteDance for all of our monorepos, and the solution we have settled on is using tsconfig paths + changing the resolve.extensions option to accept the .ts extention (the default in Rspack). This is a solution asked by the community and is offered in the tsconfig-paths-webpack-plugin.

So I made the following setting:

• pnpm workspace, with app and dep, app's dependency is dep
• app's tsconfig sets project reference

"references": [
  {
    "path": "../dep",
  },
]

• app's tsconfig set moduleResolution to bundler

{
  "extends": "@modern-js/tsconfig/base",
  "compilerOptions": {
    "module": "esnext",
    "moduleResolution": "Bundler"
  }
}

• dep's package.json

{
  "type": "module",
  "exports": {
    "source": "./src/index.ts",
    "types": [
      "./dist/index.d.ts",
      "./src/index.ts"
    ],
    "import": "./dist/index.js",
    "require": "./dist/index.cjs",
    "default": "./dist/index.js"
  }
}

Related doc: https://modernjs.dev/en/guides/advanced-features/source-build.html

Question

I want to confirm if dep's package.json is the best practice. I still need to configure "types" with an array because otherwise tsc will failed to resolve dep's type declarations.
Do you guys have better recommendations?