webpack3による複数エントリポイントと出力の設定方法
webpack.config.jsファイルの設定について、具体的な多エントリポイント構成の実装方法を解説します。
従来の設定例は以下の通りです：
module.exports = {
mode: 'development',
// エントリポイント
entry: __dirname + '/src/entry.js',
// 出力先
output: {
path: __dirname + '/dist',
filename: 'bundle.js',
}
}
この設定 ...
7月22日 05:53 投稿
CSS背景画像のWebpackバンドル手法
CSS内で背景画像を使用する場合、Webpackでビルドすると以下のようなエラーが発生することがあります。
この問題を解決するには、file-loader と url-loader の2つのパッケージを利用する必要があります。
1. パッケージのインストール
npm install --save-dev url-loader file-loader
url-loader: 取り込んだ画像データをBase64エンコードし、DataURLとしてインライ ...
5月22日 16:18 投稿