フロントエンド技術を学ぼう 2-30.JavaScriptのモジュールローダー/バンドルについて学ぶ

Front-end Developer Handbook 2017を教科書にフロントエンド周りの技術を習得する連載。

第40回はPart II: Learning Front-End Devから、30項のLearn JS Module loaders/bundlersを紹介します。

JavaScriptのモジュールローダー/バンドルについて学ぶの説明です。

JavaScriptのモジュールローダー/バンドルについて学ぶ

Webpack

Webpack学習リソース

• Webpack
• Webpack Deep Dive [読み物]
• Survivejs.com Webpack Book [読み物]
  (Webpackの本)
• webpack で始めるイマドキのフロントエンド開発 [読み物][日本語]
• JS開発で人気のWebpackとは!? 5分でわかる入門記事 [読み物][日本語]
• webpack.config.jsの読み方、書き方 [読み物][日本語]
• Webpack の本質とそれがよく分かるチュートリアル [読み物][日本語]

Rollup

Rollup学習リソース

• Rollup
• Rollupがちょうどいい感じ [読み物][日本語]

SystemJS

SystemJS学習リソース

• Modern, Modular JavaScript with SystemJS and jspm [視聴][$]
  (最近のSystemJSとjspmを使ったモジュラーJavaScript)
• SystemJS 一巡り [読み物][日本語]

補足

開発者がJSモジュールをバンドルするためにGulpのようなツールを使用することは珍しいことではありません。

しかし、Gulpプラグインの多くは単にWebpack、Rollup、SystemJSをGulpの下で使います。