video.js是一个优秀的视频播放器库，不过官网的示例中，是作为全局变量videojs引入的。如果我们的项目使用ES6风格的模块，用webpack来做打包的话，就需要做一些额外的工作。本文介绍我在使用的时候遇到的一些“坑”。

webpack，作为一个处理模块加载、资源依赖管理、构建化的工具，已经逐渐成为了前端工程化领域的新贵。其创造性的把每个静态资源归为一个 module（模块）并能被其强大的 loader 所加载的这种方式，成功的开辟了前端工程界的另一大生态。基于其官网文档的完善度较高，这篇文章就不对 webpack 的主要内容做过多的介绍，而是...

我们构建前端项目的时候，往往希望第三方库（vendors）和自己写的代码可以分开打包，因为第三方库往往不需要经常打包更新。对此Webpack的文档建议用CommonsChunkPlugin来单独打包第三方库。

TypeScript所做的，是在JavaScript的基础上加入了类型，TypeScript编译器将TypeScript编译成JavaScript，可以在浏览器或者nodejs平台上运行。最新版本的TypeScript语法根ES6标准已经十分接近，而且因为是JS的超集，TS代码中夹杂普通JS代码也是可以的。所以，如果你也考虑开始使用Bable＋ES6，不妨也看一下TypeScript。