亮神知识库 亮神知识库
首页
  • 手写代码

    • 手写代码系列
  • 基础知识

    • 基础
    • JS底层
    • CSS
  • 原理
  • 浏览器
  • HTTP
  • 网络安全
  • babel
  • webpack基础
  • webpack进阶
  • Vite
  • TypeScript
  • Vue2
  • Vue3
  • Node基础

    • glob
    • 模块化机制
    • 事件循环
    • KOA2框架原理
    • Node子进程
    • cluster原理(了解)
  • 教育行业2021

    • B端
    • C端
    • 工具
  • 游戏行业2025
  • 刷题
  • 杂(待整理)
  • 学习
  • 面试
  • 实用技巧
  • 心情杂货
  • 年度总结
  • 友情链接
关于
  • 分类
  • 标签
  • 归档
  • 收藏
GitHub (opens new window)

亮神

前程明亮,未来可期
首页
  • 手写代码

    • 手写代码系列
  • 基础知识

    • 基础
    • JS底层
    • CSS
  • 原理
  • 浏览器
  • HTTP
  • 网络安全
  • babel
  • webpack基础
  • webpack进阶
  • Vite
  • TypeScript
  • Vue2
  • Vue3
  • Node基础

    • glob
    • 模块化机制
    • 事件循环
    • KOA2框架原理
    • Node子进程
    • cluster原理(了解)
  • 教育行业2021

    • B端
    • C端
    • 工具
  • 游戏行业2025
  • 刷题
  • 杂(待整理)
  • 学习
  • 面试
  • 实用技巧
  • 心情杂货
  • 年度总结
  • 友情链接
关于
  • 分类
  • 标签
  • 归档
  • 收藏
GitHub (opens new window)
  • babel

    • 摘要
    • Babel与Ts
      • 代码压缩原理
      • Babel原理
    • webpack基础

    • webpack深入

    • Vite

    • TypeScript

    • 打包工具
    • babel
    0zcl
    2021-12-18
    目录

    Babel与Ts

    # 使用babel编译TS

    babel和tsc都是编译工具: Babel和tsc都可以将ts(x), js(x)编译称为es3/5/6/及更高版本 tsc具有类型检查功能而Babel没有,但Babel具有非常丰富的插件,生态完善

    在Babel7之前,不支持TS,早起使用Babel的项目使用TS不是很容易 需要使用ts-loader将ts文件转译成js文件,再交给babel进行处理

    Babel7之后就支持了TS,不需要各种loader,在编译时也不需要TS TS仅做Babel不能做的事情:类型检查

    如何选择编译工具:

    1. 新工程,使用TS编译器(类型检测),配合ts-loader(编译)
    2. 项目已使用Babel,可使用@babel/preset-typescript做语言转换,配合tsc(类型检查)

    项目配置: https://github.com/microsoft/TypeScript-Babel-Starter

    编辑 (opens new window)
    上次更新: 2025/07/17, 07:17:44
    摘要
    代码压缩原理

    ← 摘要 代码压缩原理→

    最近更新
    01
    2024年
    07-20
    02
    2023年
    07-20
    03
    2022年
    07-20
    更多文章>
    Theme by Vdoing | Copyright © 2025-2025 亮神 | MIT License | 桂ICP备2024034950号 | 桂公网安备45142202000030
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式