webpackを使った環境は、package.json, package-lock.jsonファイルさえあれば、コマンド一発で他PCでもまったく同じ環境が作れます。
ただエラーが出たときはツラい。原因はNode.jsのバージョン違いだったんですが、そのエラーはバージョン違いが想像できない内容になることがあるから。
続きを読むwebpack5
webpack5, sass-loaderはnode-sassのバージョンに影響される
webpackのプラグインsass-loaderは、同じくwebpackのプラグインnode-sassの拡張プラグインです。
当然ですが、node-sassに大きく影響される。
node-sassのバージョンを上げるとsass-loaderのインストールに失敗することがあります。
続きを読むwebpack5, node-sassはNode.jsのバージョンに影響される
webpackのプラグインnode-sassは、Node.jsのバージョンに大きく影響されます。
node-sassのバージョンとNode.jsのバージョンは対応表があるほど。
でも、エラー内容からはそれが想像できません。これを解決するのに2時間かかった。
続きを読むFont Awesome 5, ::before, ::after (CSS疑似要素) がAMPで表示できない原因
特に何をしたという覚えはないのに、突如、疑似要素でFont Awesome 5を使っていたものがAMPだけ表示されなくなりました。
あの□で表示されるやつ。原因は意外なところにあって、AMPってそういう仕様なのか？ それどうにかしてくれないか？ ってちょっとイラついた。
続きを読むwebpack5, CSS圧縮でfont-familyのダブルクォーテーション(")を消さない方法
CSSのminimize（圧縮）で、font-familyのダブルクォーテーション（"）を削除すると、"invalid property value" が出てしまうことがあります。
そこでwebpack5の設定を変えます。
（webpack4でも同じのはず。）
続きを読むAMPのCSSではfont-familyの『"』が必須になってる
CSSの圧縮では極限まで小さくすると、font-familyのダブルクォーテーション（"）を削除します。
これがAMPではエラーになります。以前はそんなことなかったんですが仕様が変わったらしい。
続きを読む最近更新された記事
人気の記事
1週間の人気記事（IT）
1週間の人気記事（歴史）
1週間の人気記事（その他）
