说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）

虽然开发、测试、生产的代码都是使用webpack构建工具来构建，但是对于不同的环境对构建后代码的要求肯定是不一样的。今天我们就来说说webpack的环境配置。

在webpack中，编译ts文件有两种方式。可以使用ts-loader或者babel-loader来处理我们的ts文件。这两者有什么区别呢？接下来我们一起来看看。