如何生成与 package.json + tsc 命令匹配的 tsconfig.json?

Posted

技术标签:

【中文标题】如何生成与 package.json + tsc 命令匹配的 tsconfig.json?【英文标题】:How to generate a tsconfig.json that matches package.json + tsc command? 【发布时间】:2019-11-01 02:57:11 【问题描述】:

我使用TodoMvc Typescript-Angular 作为我的 AngularJS 应用程序的蓝图。一切都很好,工作正常。基本上我可以:

    使用package.json 执行npm installnpm update 安装或更新所有依赖项。 在js下编译ts代码做npm run compile,配置为tsc --sourcemap --out js/Application.js js/_all.ts

我也在使用 WebStorm,并希望获得与之前的命令等效的 tsconfig.json ......我该怎么做?

tsc --init 我得到一个新的通用tsconfig.json 生成但它不等同于命令tsc --sourcemap --out js/Application.js js/_all.ts ... 有没有办法根据package.json 设置生成它?还考虑到那里的TS版本等?

【问题讨论】:

您的问题是否需要自动生成tsconfig.json 文件而无需任何进一步的手动自定义? @ShaunLuttin 不,写一个等效的也很完美!谢谢! 【参考方案1】:

以下配置应该可以工作:


    "compilerOptions": 
        "module": "commonjs",
        "target": "es5",
        "sourceMap": true,
        "outFile": "js/Application.js"
    ,
    "exclude": [
        "node_modules"
    ],
    "include": ["js/_all.ts"]

【讨论】:

谢谢!它会生成一个大的Application.js吗?还可以添加如何生成与 OP 中相同的输出? 是的,它正在生成一个 Application.js - 就像您运行 tsc --out js/Application.js 时一样

以上是关于如何生成与 package.json + tsc 命令匹配的 tsconfig.json?的主要内容,如果未能解决你的问题,请参考以下文章

TypeScript 新建项目

TypeScript 新建项目

package.json与package-lock.json的区别

package.json 与 package-lock.json 的区别

TypeScript01

package.json 与 package-lock.json 的关系