Uncaught ReferenceError: exports is not defined

当在学习 ts 时，没有借助任何框架，单纯的想运行 ts 文件时（两个 ts 文件存在依赖关系），如下：

modules.ts

import { foo } from './modules01'
console.log(foo)

modules01.ts

export const foo = 123

然后，你通过 tsc modules.ts 或者 tsconfig.json构建监视 运行时，会产生 Uncaught ReferenceError: exports is not defined 这样的错误

原因： 目前的浏览器还不支持 exports 这个属性
解决方案： 转译，让所有浏览器都支持。转译为 es5 的语法，可以用很多打包工具去是实现，这里使用 webpack。可参考 webpack打包typescript