如何在运行TSC(类型脚本编译器)时将Package.json复制到dist或Build文件夹中 [英] How to copy package.json in dist or build folder when running tsc (TypeScript compiler)

问题描述

我有一个使用package.json文件(见屏幕截图)的类型脚本反应组件，我运行tsc以便将其传输到dist文件夹中的ES5，但package.json文件不会被复制。请注意，在截图中，我手动将其复制到dist文件夹中。

所以我的问题是：有没有办法通过tsc/tsconfig...而不必添加复制脚本(通过yarn build运行)。因为我希望在运行tsc --watch

时也更新此设置 此外，我不希望在组件文件夹中将My 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"]
}

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

推荐答案

只需将其包含在tsconfig.json文件中并启用resolveJsonModule编译器选项。您可以通过将以下配置合并到您的tsconfig.json文件中来完成此操作：

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

这篇关于如何在运行TSC(类型脚本编译器)时将Package.json复制到dist或Build文件夹中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！