modularization of client side Javascript application
在開發一個網頁應用的過程中，想到 solidot 的一篇報導：ClickClickClick网站演示网站对你在线行为的掌握，對文中提及的 網站 印象非常深刻，就想 Ctrl-U 打開 view-source 來看看人家是用了什麼奇招妙技。 沒想到頁面居然令人意外的簡潔：
<body>
<main></main>
<script type="text/javascript" src="bundle.js"></script>
</body>
</html>
所有的機關都暗藏在 bundle.js — 一個用 webpack 包裝的 .js 檔案，繼續往下挖掘，發現是一個好大的技術坑。web 相關技術確實是不停地快速演變，五年前的技術就顯得很過氣了，要成為一個 excellent full stack developer 就得不停與時俱進，否則在概念的發展、工具鏈的使用、、各方面都很快落伍。
medium 上有位 blogger 寫了兩篇不錯的教學文：JavaScript Modules: A Beginner’s Guide，JavaScript Modules Part 2: Module Bundling。
雖然 ES6 modules 已經是發佈的標準，我認為 webpack 短期內並不會被淘汰，理由也很簡單：現在的 web 實在太複雜了，一堆延展出來的技術如：less (for css)、facebook 力推的 reactjs/redux、甚至是 ASM.js、C++ -> js、、都需要類似 webpack 這樣的工具去做整合。開發概念上很接近傳統的 make/configure。
舊版 web tutorials 還提到用 webpack-dev-server --progress --colors 加速 client end app 的開發過程。等要佈署到 production，再來 bundle、minimize、uglify。這種開發概念跟傳統的 C/C++ 已經差不多了。
.
reply_count: 0
get_replies : 0
.
