TypeScript配置文件-compilerOptions配置

最新推荐文章于 2024-08-12 19:02:57 发布
最新推荐文章于 2024-08-12 19:02:57 发布
阅读量4.4k 收藏
点赞数
分类专栏： ts 文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yang939207690/article/details/109178035
版权
本文介绍了TypeScript配置文件中的关键选项，包括`rootDir`和`outDir`用于规范源码和输出目录，`allowjs`支持编译ES6到ES5，`sourceMap`生成便于调试的sourceMap文件，以及`noUnusedLocals`和`noUnusedParameters`提升代码质量。通过这些设置，可以更好地管理和优化TypeScript项目。
摘要由CSDN通过智能技术生成

rootDir和outDir

现在你的js文件直接编译到了根目录下，和ts文件混在了一起。我们当然是不喜欢这种方法的，工作中我们希望打包的js都生成在特定的一个文件夹里,比如build。

这时候你就可以通过配置outDir来配置，当然你也可以通过rootDir来指定ts文件的位置，比如我们把所有的 ts 文件都放到 src 下。那配置文件就应该这样写。

{
   
    "outDir": "./build" ,
    "rootDir": "./src" ,
}

这时候你再在Terminal中输入tsc,就会有不同的效果了。

编译ES6到ES5语法allowjs

现在你在src目录下用ES6的语法写了一个demo.ts文件，代码如下。

export</
最低0.47元/天 解锁文章
聒噪，
关注
专栏目录
【TS】快速上手（四）配置选项 - 编译选项compilerOptions
YK菌的博客
11-29 3377
今天我们主要来学习TS的编译选项，从文件编译到项目编译，各种配置选项的功能介绍，快速入门~ 欢迎关注我的专栏
cpp-compiler-options:不同版本的Clang，GCC和MSVC的编译选项。 提供了生成器和不同的文件格式（cmake，xmake，介子，premake5，bjamb2等）
05-19
不同版本的Clang，GCC和MSVC的编译选项。 提供了生成器和不同的文件格式（构建系统和编译器）。 所述output目录包含文件cmake ， xmake ， premake5 ， meson ， bjam / b2 ， scons和命令行选项gcc / g++ ， clang / clang++和msvc 。 如果没有编译器版本，则与旧版本相比没有任何区别。 每个构建系统还具有一个仅包含其所需文件的分支。 这是gcc的示例： int main () { int x; return x; // used but uninitialized } $ g++ main.cpp 无输出 $ g++ main.cpp @output/cpp/gcc/gcc-6.1-warnings main.cpp: In function ‘int main()’: main.cp
TypeScript 编译选项 compilerOptions 全部配置项
最新发布
咸鱼滚滚
08-12 2050
示例： 在这个例子中，当处理 JSX 代码时，TypeScript 编译器将使用名为 的函数作为工厂函数，而不是默认的 。示例： 在这个例子中，当处理 JSX 代码时，TypeScript 编译器将从 模块导入用于处理 JSX 的函数或对象，而不是默认的 React 库。示例： 在这个例子中，TypeScript 编译器将在全局命名空间中查找名为 ""的对象来识别 React 相关的功能。示例： 在这个例子中，TypeScript 编译器将从当前目录下的 目录开始查找源文件。项目结构如下： 配置： 在
（搬运，做笔记）编译选项配置compilerOptions:配置编译选项
weixin_52618969的博客
07-27 3859
编译选项配置
TypeScript编译文件和tsconfig.json配置
John是橘红的博客
07-28 1625
自动编译文件 编译文件时，使用 -w 指令后，TS编译器会自动监视文件的变化，并在文件发生变化时对文件进行重新编译。 示例： tsc xxx.ts -w 自动编译整个项目 如果直接使用tsc指令，则可以自动将当前项目下的所有ts文件编译为js文件。 但是能直接使用tsc命令的前提时，要先在项目根目录下创建一个ts的配置文件 tsconfig.json tsconfig.json是一个JSON文件，添加配置文件后，只需只需 tsc 命令即可完成对整个项目的编译 配置选项：
TypeScript从入门到精通（十六）配置文件-初识 compilerOptions 配置项
qq_42251357的博客
10-25 532
认识和学习tsconfig.json中compilerOptions配置项 removeComments属性： removeComments是complerOptions里的一个子属性，它的用处是告诉TypeScript对编译出来的js文件是否显示注释（注解）。比如我们现在把removeComments的值设置为true，就是在js中不显示注释。 //我是小哈 let perosn:string ="小哈" 写完注释后，直接再终端里，输入tsc,输入完成后，很快就会生成一个Demo.js文件，打开后会看到
【TypeScript】---配置选项
qq_53061847的博客
05-30 9752
目录 一、编译 自动编译文件 自动编译整个项目 二、配置选项的介绍 1. include（包含） 2. exclude（排除） 3.extends(延伸) 4. files(文件) 5. compilerOptions (编译器选项) target(项目编译) lib(库) module (模块) outDir(输出目录) outFile(输出文件) rootDir(根目录) checkJs 其他配置 严格检查 额外检查 一、编译 自动编译文件 ...
typescript-modern-project:TypeScript + ESLint + Jest项目模板，用于导入不带扩展名的模块，以及使用节点内置功能进行默认导出的模块
05-02
将TypeScript和Node配置为： 发出现代ES模块代码 导入使用Node内置模块的模块 没有命名导出的导入模块（例如 ， ） 导入自己的模块而不指定扩展名 ESLint支持lint，具有TypeScript支持 立即测试TypeScript代码，而...
TypeScript-Library-Checklist：您的启动前检查清单
02-03
- 创建 `tsconfig.json` 文件，配置 TypeScript 编译选项，例如： ```json { "compilerOptions": { "target": "es6", "module": "commonjs", "strict": true, "esModuleInterop": true, "declaration": ...
typescript-doc-intro
03-16
创建一个 `tsconfig.json` 文件来配置编译选项，例如： ```json { "compilerOptions": { "target": "es6", "module": "commonjs", "strict": true }, "include": [ "src/**/*" ] } ``` ### 编写 ...
Typescript（十）compilerOptions 配置项
camellia的博客
05-18 3031
1：removeComments 属性 removeComments是complerOptions里的一个子属性，它的用处是告诉TypeScript对编译出来的js文件是否显示注释（注解）。比如我们现在把removeComments的值设置为true，就是在js中不显示注释。 我们把上节课文件没有的Demo2.ts和生成的 JS 文件都删除掉，只留Demo.ts文件，然后再Demo.ts文件里，加入一个注释。 // I‘m xh const person: string = "xh"; 写完注释后，直接再
Typescript编译器配置选项
JackieDYH的博客
03-12 1966
Typescript Typescript是Javascript的超集，由微软开发和开源。 通俗的理解为Javascript的一个特殊版本，其语法规范严谨，适用于开发大型项目。 安装 npm i typescript -g 验证是否安装成功 tsc -v 编译 手动编译 创建一个index.ts，并在其中写一行普通的js代码 在命令行中，进入到指定的目录，执行命令tscindex.ts进行编译，在同级目录下会生成一个同名的js文件 自动编译（vscode） 生成ts配置.
vue项目中 jsconfig.json和tsconfig.json文件配置释义 & compilerOptions配置
weixin_44867717的博客
08-27 7855
通俗作用——提高在写项目时舒适度的如果开发的项目根目录下没有 jsconfig.json，在默认情况下，像 VS Code， 默认只会把 node_modules文件夹排除掉。当您在工作空间中有一个定义项目上下文的jsconfig.json文件时，JavaScript体验会得到改进。只要有可能，您应该使用不属于项目源代码的JavaScript文件排除文件夹。目录中存在tsconfig.json文件表明该目录是 TypeScript 项目的根目录。
11 tsconfig中compilerOptions的配置
Lilico_的博客
04-22 2668
"compilerOptions": { // 指定ts编译的js的目标版本 // 可选值： "ES3"（默认）, "ES5", "ES6/ES2015", "ES2015", "ES2017" 或 "ESNext" "target": "ESNext", // 指定使用的模块化规范 // 可选值："None"， "CommonJS"， "AMD"， "System"， "UMD"， "ES6", "ES2015" 或 "ESNext" // 只有 "AMD"
bunny笔记|tsconfig.json常用的compilerOptions的配置声明注释
qq_48208398的博客
04-12 544
{ "compilerOptions": { // "incremental": true, // 增量编译 // "tsBuildInfoFile": "./buildFile", // 增量编译文件的存储位置 // "diagnostics": true, // 打印诊断信息 // "target": "es5", // 目标语言的版本 // "modul
TS编译器选项​——指定编译后文件所在目录
XunLin233的博客
09-20 398
compilerOptions是TS的编译器选项，主要在tsconfig.json文件中用于对ts编译为js文件时进行配置。"compilerOptions" : { 配置项 }所有打包的文件都被放到了当前目录下的dist文件下。
【备查】tsconfig.json compilerOptions的配置项及其意义
热门推荐
qq_44831027的博客
08-21 2万+
tsconfig.json 配置文件会有如下结构： { "compilerOptions": { }, "files": [ "app.ts", "foo.ts", ] } compilerOptions用来配置编译选项，files是数组，用来指定待编译文件。 编译选项配置 compilerOptions:配置编译选项 "incremental": true, // TS编译器在第一次编译之后会生成一个存储编译信息的文件，第二次编译会在第一次的基础上进行增量编译，可以
vite TypeScript配置文件
06-02
这个配置文件： - 将编译目标设置为 ESNext。 - 将模块设置为 ESNext。 - 启用了严格模式。 - 保留了 JSX 以供后续编译。 - 启用了 sourceMap。 - 启用了 esModuleInterop。 - 允许合成默认导入。 - 配置了模块解析...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

聒噪，

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值