webpackを使った環境は、package.json, package-lock.jsonファイルさえあれば、コマンド一発で他PCでもまったく同じ環境が作れます。
ただエラーが出たときはツラい。原因はNode.jsのバージョン違いだったんですが、そのエラーはバージョン違いが想像できない内容になることがあるから。
続きを読むwebpackを使った環境は、package.json, package-lock.jsonファイルさえあれば、コマンド一発で他PCでもまったく同じ環境が作れます。
ただエラーが出たときはツラい。原因はNode.jsのバージョン違いだったんですが、そのエラーはバージョン違いが想像できない内容になることがあるから。
続きを読むwebpackのプラグインsass-loaderは、同じくwebpackのプラグインnode-sassの拡張プラグインです。
当然ですが、node-sassに大きく影響される。
node-sassのバージョンを上げるとsass-loaderのインストールに失敗することがあります。
続きを読むCSSのminimize(圧縮)で、font-familyのダブルクォーテーション(")を削除すると、"invalid property value" が出てしまうことがあります。
そこでwebpack5の設定を変えます。
(webpack4でも同じのはず。)
続きを読むwebpackを4から5へアップデートしましたが、移行ガイドを読まずに自力でできてしまったので、改めて移行ガイドを読んでみます。
抜けがないか確認のため。設定の細かいカスタマイズをしてる人は一読する価値あり。基本設定で済ませていれば、そこまで必要はなかったかな?
続きを読むwebpackを4から5へアップデートしました。エラーはちょいちょい出ていて、うまく行ってるところ、そうじゃないところがあります。
ひとつひとつ見ていきましょう。
これは移行作業の序の口です。その後にプラグインのアップデート、エラーが出たらその修正が必要です。
続きを読むwebpackおなじみの、プラグインのバージョンアップでのエラー対応です。
出るわ出るわのエラー三昧で笑けてきた。
(三昧はスシだけでいい。)
ビルドツールはあまり更新をしないから出るからしょうがないんだけど、webpack5に移行するためには一旦バージョン4で最新にする必要がある。
続きを読む