レガシーシステム上のJavaScriptをモダンビルドにしていくwebpack利用実例 - Qiita

(function(){ var self = this; $("button").click(function(){ // }) })() // 古いコードはglobalに定義された何か SomeLib.prototype.foo = function(){ // } 下記のような特徴があります。 ライブラリ系（jQueryやjQuery.functionなど）は別途読み込み common.jsのようなよくある共通ファイルが存在 1ページ中で、scriptはファイル単位で複数読み込み 原始的なJavaScript配信状態（Sprocketsのようなビルドプロセスとは全く無縁な状態） jQuery以外に、ライブラリ・フレームワークなどは基本入っていない 色々とJavaScript初心者殺しな記法が多い (function(){})()を利用したglobal汚染回避 self = thisの

[sh19910711]

“npm-run-all”

[dorayakikun]

ES3対応の徳の高いコードは、カバーされるのかしらん

[efcl]

モジュールではないコードや古いライブラリをどのように現代のツールに載せていくかについて。 モジュール化やwebpackを使ったビルドプロセスなどの手法について

[howdy39]

とても参考になる実例

[y-kawaz]

力作

[syonx]

丁寧だ

[yamadar]

後でまた読み直す

[kuy]

記事のボリュームすごい、あとで読む