ts 中compilerOptions ts编辑器的配置选项

最新推荐文章于 2024-08-12 19:02:57 发布

乐容

最新推荐文章于 2024-08-12 19:02:57 发布

阅读量213

点赞数 2

文章标签：前端

本文链接：https://blog.csdn.net/m0_61265297/article/details/139970293

版权

compilerOptions

- 编译选项是配置文件中非常重要也比较复杂的配置选项

- 在compilerOptions中包含多个子选项，用来完成对编译的配置

  - 项目选项

    - target

      - 设置ts代码编译的目标版本

      - 可选值：

        - ES3（默认）、ES5、ES6/ES2015、ES7/ES2016、ES2017、ES2018、ES2019、ES2020、ESNext

      - 示例：

        - ```json
          "compilerOptions": {
              "target": "ES6"
          }
          ```

        - 如上设置，我们所编写的ts代码将会被编译为ES6版本的js代码

    - lib

      - 指定代码运行时所包含的库（宿主环境）

      - 可选值：

        - ES5、ES6/ES2015、ES7/ES2016、ES2017、ES2018、ES2019、ES2020、ESNext、DOM、WebWorker、ScriptHost ......

      - 示例：

        - ```json
          "compilerOptions": {
              "target": "ES6",
              "lib": ["ES6", "DOM"],
              "outDir": "dist",
              "outFile": "dist/aa.js"
          }
          ```

    - module

      - 设置编译后代码使用的模块化系统

      - 可选值：

        - CommonJS、UMD、AMD、System、ES2020、ESNext、None

      - 示例：

        - ```typescript
          "compilerOptions": {
              "module": "CommonJS"
          }
          ```

    - outDir

      - 编译后文件的所在目录

      - 默认情况下，编译后的js文件会和ts文件位于相同的目录，设置outDir后可以改变编译后文件的位置

      - 示例：

        - ```json
          "compilerOptions": {
              "outDir": "dist"
          }
          ```

        - 设置后编译后的js文件将会生成到dist目录

    - outFile

      - 将所有的文件编译为一个js文件

      - 默认会将所有的编写在全局作用域中的代码合并为一个js文件，如果module制定了None、System或AMD则会将模块一起合并到文件之中

      - 示例：

        - ```json
          "compilerOptions": {
              "outFile": "dist/app.js"
          }
          ```

    -