[webpack] webpack 2 入門: sass-loader で scss ファイルを扱う

Saas ファイルのコンパイルにあわせて Source Map の設定も行います。
続きを読む »

[webpack] webpack 2 入門: Extract Text Plugin で CSS ファイルを出力する

bundle されている CSS を静的なファイルとして出力します。
続きを読む »

[webpack] webpack 2 入門: ProvidePlugin で依存するライブラリを autoload する

例えば、サンプルコードの jQuery と lodash を import, require なしで読込ませます。
続きを読む »

[webpack] webpack 2 入門: CSS や image を bundle する

CSS や image ファイルも webpack で JavaScript に bundle します。
続きを読む »

[webpack] webpack 2 入門: HtmlWebpackPlugin を利用して表示 HTML を自動生成する

bundle された JavaScript を表示するための HTML ファイルを自動生成します。
続きを読む »

[webpack] webpack 2 入門: eslint-loader で ESLint する

JavaScript を ESLint でチェックします。
続きを読む »

[webpack] webpack 2 入門: babel による JavaScript のトランスパイル

ES2015 で書いた JavaScript を ES5 に変換します。
続きを読む »

[webpack] webpack 2 入門: debug, sourcemap, uglify, watch

JavaScript の開発時のデバッグモード(sourcemap)、ファイルの変更を監視する watch、プロダクションビルド時の難読化(uglify)について。
続きを読む »

[webpack] webpack 2 入門: bundle の仕組み

公式チュートリアルをベースに bundle の仕組みを確認します。
続きを読む »

[npm & Bower] Yarn 入門: npm との違いを探る

Yarn は、Facebook, Exponent, Google, Tilde によって開発されたパッケージマネージャ。
npm のより良いCLIクライアントという位置づけで、置き換える技術ではありません。
続きを読む »