[webpack] webpack 4 と npx をザックリ確認した

バージョンが激しく上がってますね。
続きを読む »

[webpack] webpack 2 入門: まとめと目次

何度かに分けて webpack を調査した記事のまとめと目次です。
続きを読む »

[webpack] webpack 2 入門: webpack-dev-server で LiveReload & Watch 対応のサーバをたてる

webpack-dev-server を利用すると、ローカル開発用途の Node.js サーバがたてられます。
続きを読む »

[webpack] webpack 2 入門: postcss-loader で PostCSS plugin を利用する

autoprefixer と cssnano を追加します。
続きを読む »

[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 でチェックします。
続きを読む »