TS编译器选项​——指定编译后文件所在目录

已于 2023-09-25 20:45:53 修改
阅读量551 收藏
点赞数
分类专栏： TypeScript 文章标签： javascript 开发语言 ecmascript 前端 typescript
于 2023-09-20 19:52:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/XunLin233/article/details/133097175
版权
本文介绍了如何在TypeScript(TS)中使用compilerOptions配置项，特别关注了tsconfig.json文件中的outDir设置，用于指定编译后文件的输出目录。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

compilerOptions是TS的编译器选项，主要在tsconfig.json文件中用于对ts编译为js文件时进行配置

"compilerOptions" : { 配置项 }

在tsconfig.json中编写如下代码：

{
   // compilerOptions 编译器选项
   "compilerOptions": {
        // outDir 用于指定编译后文件所在目录
        "outDir": "./dist",  // 将编译后文件放在dis目录下
   }
}

所有打包的文件都被放到了当前目录下的dist文件下 

【Vue3+Ts】—— TypeScript编译选项（tsconfig.json配置）
qq_53061847的博客
07-10 3969
编译文件时，使用 -w 指令后，TS编译器会自动监视文件的变化，并在文件发生变化时对文件进行重新编译。示例： 自动编译整个项目 如果直接使用tsc指令，则可以自动将当前项目下的所有ts文件编译为js文件。但是能直接使用tsc命令的前提时，要先在项目根目录下创建一个ts的配置文件 tsconfig.jsontsconfig.json是一个JSON文件，添加配置文件后，只需只需 tsc 命令即可完成对整个项目的编译配置选项：示例：上述示例中，所有src目录和tests目录下的文件都会被编译示例：上述示例中
【Vue3+Ts】—— TypeScript打包构建
qq_53061847的博客
07-10 1358
通常情况下，实际开发中我们都需要使用构建工具对代码进行打包；TS同样也可以结合构建工具一起使用，下边以webpack为例介绍一下如何结合构建工具使用TS；步骤如下：进入项目根目录，执行命令创建package.json文件命令如下：共安装7个包:根目录下创建webpack的配置文件： 四、配置TS编译选项 根目录下创建tsconfig.json，配置可以根据自己需要，具体配置可以参考【Vue3+Ts】—— TypeScript编译选项（tsconfig.json配置） 修改package.json配
ts编译后文件存放路径
m0_47265814的博客
10-06 1201
ts采用node将ts编译为浏览器可识别的js，可设置编译后文件的存放路径 tsconfig.json 文件中 outDir用来指定编译后文件所在目录 一般常见在dist文件夹下
TypeScript ~ TS 掌握编译文件配置项 ⑤
m0_61490399的博客
06-22 1700
编译文件配置项 TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为 → JS，然后再交由JS解析器执行。TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS代码可以编译为任意版本的JS代码，可有效解决不同JS运行环境的兼容问题；
如何获取当前程序文件的路径【转载】
weixin_30919571的博客
03-30 227
http://www.cnblogs.com/xingd/archive/2005/03/21/123152.html 获取当前程序文件的路径也算是一个比较常见的需求，比如我有一个文件conn.xml位于.exe的同一目录，在运行时需要从中读取一些设置信息。 　　 　　进程对象在.NET中表现为System.Diagnostics.Process类，通过调用Pro...
typescript开发环境准备
水痕
08-27 779
一、软件的安装 1、安装软件 npm install -g typescript 二、配置tsconfig.json 1、命令行生成文件 tsc --init yes 2、附上我介绍的 { "compilerOptions": { /* 基本选项 */ "target": "es5", // 指定 ECMASc...
TypeScript 生成文件到指定目录
RUCwang的博客
10-22 8425
TypeScript 生成文件到指定目录 文件结构如下 tsc --outFile ./js/index.js index.ts // 文件可以加路径 这时会把根目录下的index.ts编译为./js/目录下的index.js. tsc --outFile ./js/sample.js Test.ts Validation.ts LettersOnlyValidator.ts ZipCodeV...
ieda ts文件报错_TypeScript(二) —— 配置文件注解
06-09
在 TypeScript 项目中，tsconfig.json 是一个非常重要的配置文件，它指定了编译器的参数和选项。你需要确保 tsconfig.json 文件的配置是正确的，特别是关于编译选项的部分。 2. 确认 IDE 的 TypeScript 插件是否...
从零搭建 Vue3 + VIte + Ts 项目 —— 并集成eslint 、prettier
最新发布
2301_82244509的博客
07-05 1493
/ 新增// 对某些文件进行单独配置（这里针对 TypeScript 文件）files: [‘.ts’, 'rules: {‘no-undef’: ‘off’, // 在 TypeScript 中没有必要使用 no-undef 规则},},],// 自定义规则rules: {// 函数的复杂度是指函数中控制流程的复杂程度，例如条件语句、循环语句、嵌套等。复杂度越高，函数的可读性和可维护性可能越差。
ts总结3、类型系统：boolean、string、number、bigint、symbol、object、undefined、null（编译选项noimpolicitAny、strictNullCh
qq_33911541的博客
02-05 740
ts总结3、类型系统：boolean、string、number、bigint、symbol、object、undefined、null（编译选项noimpolicitAny、strictNullCheck、strictNullChecks）
TypeScript配置文件-compilerOptions配置
Riven的博客
10-20 4628
rootDir和outDir 现在你的js文件直接编译到了根目录下，和ts文件混在了一起。我们当然是不喜欢这种方法的，工作中我们希望打包的js都生成在特定的一个文件夹里,比如build。 这时候你就可以通过配置outDir来配置，当然你也可以通过rootDir来指定ts文件的位置，比如我们把所有的 ts 文件都放到 src 下。那配置文件就应该这样写。 { "outDir": "./build" , "rootDir": "./src" , } 这时候你再在Terminal中输入tsc,就
【TS】快速上手（四）配置选项 - 编译选项compilerOptions
YK菌的博客
11-29 3904
今天我们主要来学习TS的编译选项，从文件编译到项目编译，各种配置选项的功能介绍，快速入门~ 欢迎关注我的专栏
设置ts编译后的文件目录
weixin_30587927的博客
06-25 2139
如果目录中有tsconfig.json,直接进入，找到outDir,修改其值为你将要配置的路径 如果没有tsconfig.json配置文件，那么执行 tsc --init 生成配置文件，配置路径即可 转载于:https://www.cnblogs.com/fuyuanling/p/11081538.html...
一文读懂tsconfig.json配置文件
qq_51904231的博客
11-10 1654
tsconfig.json是TypeScript编辑器的配置文件，通常存在于项目的根目录中，TypeScript编译器可根据它的信息来对代码进行编译。
ts学习三~使用webpack打包ts配置
2301_76806643的博客
10-16 342
使用webpack打包ts配置
TypeScript编译文件和tsconfig.json配置
John是橘红的博客
07-28 1814
自动编译文件 编译文件时，使用 -w 指令后，TS编译器会自动监视文件的变化，并在文件发生变化时对文件进行重新编译。 示例： tsc xxx.ts -w 自动编译整个项目 如果直接使用tsc指令，则可以自动将当前项目下的所有ts文件编译为js文件。 但是能直接使用tsc命令的前提时，要先在项目根目录下创建一个ts的配置文件 tsconfig.json tsconfig.json是一个JSON文件，添加配置文件后，只需只需 tsc 命令即可完成对整个项目的编译 配置选项：
如何编译TS文件？关于TypeScript配置文件的部分配置选项
qq_53089008的博客
06-27 606
在创建好tsconfig.json后，就可以对ts编译器进行配置，例如TS的严格模式、TS编译好后的JS文件放到哪个文件夹下等等。单个文件进行编译，也可以编译监听单个TS文件，编译后生成的JS文件会出现在你TS文件所在的那个目录下。，创建好后即使不进行配置，也可以直接编译监听该目录下的所有TS文件。如果不设置配置文件的话，在终端进入目录后，可以直接指定。
TS文件编译配置
m0_57707788的博客
05-25 757
tsconfig.json (一次性编译而且同时监视) 编译项目中配置内的ts文件, 命令行输入 tsc ，就可以将全部文件编译, 输入tsc -w就是监视所有文件。exclude：不需要进行编译，默认值 [“node_modules”,“bower_components”,“jspm_packages”]tsc ts文件名 -w (watch：看，观察)，监视指定文件，变化时自动编译。编写完ts文件，通过tsc ts文件名，来编译指定文件，files：指定个别文件编译，只能写文件名。
Typescript编译器配置选项
JackieDYH的博客
03-12 2189
Typescript Typescript是Javascript的超集，由微软开发和开源。 通俗的理解为Javascript的一个特殊版本，其语法规范严谨，适用于开发大型项目。 安装 npm i typescript -g 验证是否安装成功 tsc -v 编译 手动编译 创建一个index.ts，并在其中写一行普通的js代码 在命令行中，进入到指定的目录，执行命令tscindex.ts进行编译，在同级目录下会生成一个同名的js文件 自动编译（vscode） 生成ts配置.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值