寫得最清楚的是這個系列：

一個普通的寫網頁的人如何過渡到ES6 (一)

感覺比babel官網寫得還清楚點。

看完這個才有點理解node原來不只是用來起express後端web server，更主要用途是作為開發時，用npm作為js語言的包管理器，然後打包，管理瀏覽器端<script>欄位的js。有了npm+打包工具：寫程式時

按包、模組，資料夾，單元測試這樣寫，然後打包成1個檔案，供瀏覽器下載執行。

而不是在html手寫一堆<script></script>，還要考慮先後順序。一點點點選測試。

加上使用了es6，js也終於越來越工程化了，規避了以前大量的毒瘤和糟粕，提升了效率和正確性。

具體過程：

安裝browserify用-g全域性安裝，保證在cmd下能執行

npm install [email protected] -g

其他babel安裝項一律--save-dev

只打包1個js指令碼

就是直接包含

window.onload = function() {
}

的那個，只不過，現在可以在這個裡面import了（es6）

script裡這樣加一個命令：

"build_browser_dev": "browserify ./src/page.js -o ./static/bundle.js -t [ babelify --presets[env]]"

打包到bundle.js

這樣html裡直接

<script type="text/javascript" src="/static/bundle.js"></script>

就可以了。