reactjs - 运行 tsc(TypeScript 编译器)时如何将 package.json 复制到 dist 或 build 文件夹中

Question

我有一个使用 package.json 的 TypeScript React 组件文件(见截图)，我运行 tsc为了在我的 dist 中将其转换为 es5文件夹但 package.json文件不会被复制。请注意，在屏幕截图中，我手动将其复制到 dist 中。文件夹。



所以我的问题:有没有办法通过 tsc/tsconfig 做到这一点...无需添加复制脚本(通过 yarn build 运行)。因为我希望在运行时也能更新 tsc --watch
此外，我不希望在组件文件夹中将我的 Component.tsx 重命名为 index.tsx。我不想在我的项目中有 200 个 index.tsx 文件并使用 package.json的 main让我拥有 import SomeComponent from './components/SomeComponent'而不是做 import SomeComponent from './components/SomeComponent/SomeComponent'所以这很棒。

这是我的 tsconfig文件:

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "commonjs",
    "outDir": "dist",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "experimentalDecorators": true,
    "strictPropertyInitialization": false,
    "declaration": true,
    "jsx": "react"
  },
  "include": ["src"]
}

非常感谢您的时间和您的帮助或建议。

Answer 1

只需将其包含在您的 tsconfig.json 中文件并启用 resolveJsonModule编译器选项。您可以通过将以下配置合并到您的 tsconfig.json 中来做到这一点。文件:

{
    "compilerOptions": {
        "resolveJsonModule": true
    },
    "include": ["./package.json"]
}