【初心者向け】webpackとは？使い方を解説④-css分離化&圧縮化
前回記事の続きです。 スタイルシートを分離するプラグイン これまでは、スタイルシートはHTML内のヘッダー内に記述されてきました。 ファイルを分けて分離させたいときは、「mini-css-extract-plugin」というプラグインを使っていきます。 ...
Webpack
【初心者向け】webpackとは？使い方を解説③-Babel設定
前回記事の続きです。 Babelの導入ついてです。 webpackのBabelの設定についは以下の公式サイトでも解説があります。 https://babeljs.io/setup#installation 飛び先で「webpack」を選択すれば手順がみれます。 ...
【初心者向け】webpackとは？使い方を解説②-Loader設定
前回の記事の第2弾です。 webpackにJavaScriptファイルをバンドルする機能以外にも様々な便利機能があります。 Loaderについて解説します。 Loader（ローダー）とは？ JavaScript以外のファイルをJavaScriptとして扱えるようにする機能です。 ...
【初心者向け】webpackとは？使い方を解説①
webpackって？ フロントエンド開発の現場において使用されており、作業の効率化を目的として**「モジュールバンドラー」**と呼ばれる便利ツール。 モジュールバンドラーって？ CSS、JavaScript、画像といったアセットファイルをJavaScriptのモジュールに変換して合体させるものです。 ...