## 5.1?browserify 簡單的 modular bundler，?**推薦**?， 因為職責單一的工具更不容易遇到奇怪的問題。 使用 browserify 使用?[babel transformer](https://babeljs.io/docs/setup/#browserify)?就可以把所有的 component 以 node 的方式模塊化的組織，最后 bundle 成一個 js 文件。 * [babel 官網](https://babeljs.io/docs/setup/#browserify)就說明了如何使用 browserify?*babelify*?你的模塊們 * 如果使用?*gulp*?，需要參考 gulp?[這篇文檔](https://github.com/gulpjs/gulp/blob/master/docs/recipes/browserify-uglify-sourcemap.md) * *grunt*?用戶請使用 grunt-browserify 插件(非官方) * *broccoli*?用戶插件在?[這里](https://github.com/babel/broccoli-babel-transpiler) ## 5.2?webpack 以 grunt 的方式 browserify 你的代碼，非常強大的 bundler。但是個人并不喜歡 grunt，karma，webpack 這種基于配置的工具，原因很簡單，配置不是代碼！配置不是代碼！配置不是代碼！ 配對了當然簡單，但是配錯了怎么辦，沒法 debug。 雖然不喜歡，我還是要告訴你怎么用，就這么一行配置就好了 ~~~ module: { loaders: [ { test: /\.jsx?$/, exclude: /node_modules/, loader: "babel-loader"} ] } ~~~