Uncaught ReferenceError: exports is not defined 解决办法

缘由

在不借助任何框架，单纯在浏览器运行，学习typescript ，开始一切都很美好，在命令行输入

tsc xxx.ts

然后把编译好都代码放到html，在浏览器运行，得出了预期结果。心情很舒畅，眼看就要顺利学完ts了。准备迎接毕业典礼，升职加薪；

突然的报错

模块是一个让人兴奋的区域，我们充分理解了模块带来的好处并切 对import和export 有很大期待，开始写入测试代码
test.ts

import {hi} from './hello';  // import 的使用
console.log(hi());

同时用export 导出一个方法
hello.ts

export function hi(){
  return 'Hello 木子了前端';
}

然后像往常一样

tsc test.ts

编译完美成功。
准备了完美的心情，在浏览器打开发现了沮丧的一刻
Uncaught ReferenceError: exports is not defined at test.js:2

exports 找不到，未定义，是的没错，目前的浏览器还不支持exports 这个属性，怎么办。
方法就是转译，让所有浏览器都支持。转译为es5的语法，可以用很多打包工具去实现，推荐使用流行的webpack，如果你会了就之际打包即可解决如果不会看下面；
三分钟就学会的打包方法，专门为学习typescript 而使用的临时打包
《webpack 之 typescript 打包学习基础 1》