学習目標
モジュラー関連仕様
ES6 のモジュール性
ES6 モジュール性の基本構文
オンデマンドのエクスポートとオンデマンドのインポート
モジュールコードを直接インポートして実行
Webパックが起動します
Webpackの基本的な使い方
プロジェクトに Webpack をインストールして構成する
梱包の入口と出口を設定する
自動梱包機能を設定する
生成されたプレビュー ページを構成する
自動パッケージングに関連するパラメータを設定する
Webpack のローダー
Webpack でのローダーの基本的な使用法
パッケージ化して処理するファイルの数を減らす
scss ファイルをパッケージ化して処理する
CSS 互換のプレフィックスを自動的に追加するように postCSS を構成する
画像とフォント ファイルをスタイルシートにパッケージ化する
高度な構文を js ファイルにパッケージ化して処理する
vue 単一ファイル コンポーネント
Webpack での vue コンポーネントのローダーの構成
Webpack プロジェクトでの vue の使用
webpackパッケージのリリース
Webpack の仕組みは次のとおりです。指定されたメイン ファイル (index.js など) を通じてプロジェクトを全体として扱い、Webpack はこのファイルから始まるプロジェクトのすべての依存関係ファイルを検索し、ローダーを使用してそれらを処理し、最後に1 つ (または複数) のブラウザで読み取り可能な JavaScript ファイルにパッケージ化されています。
