webpack

webpackは、HTML, CSS(SASSなど), JavaScriptで作るWebサイト環境のビルドツールです。元々は、1つのJavaScriptファイルにHTML, CSS, 画像などのリソースを全部入れて、Webサイトのリソースを1つのHTML(index.html)と1つのJavaScriptファイルだけにするものでした。しかし今は、JavaScriptを対象のバージョンに変換するトランスパイル、SASSなどの高機能CSS作成言語のCSS変換など、Webサイト開発環境の総合ビルドツールになっています。このようなツールはWeb開発の必須といっていいでしょう。そんなwebpackで困った人のために情報を発信します。

2021-02-27

AMPのCSSではfont-familyの『"』が必須になってる

プログラミング

CSSの圧縮では極限まで小さくすると、font-familyのダブルクォーテーション（"）を削除します。

これがAMPではエラーになります。以前はそんなことなかったんですが仕様が変わったらしい。

続きを読む

2020-11-29
2021-01-05

webpack4 -> 5 移行ガイドどおりにやってみる。

Node.js image

webpackを4から5へアップデートしましたが、移行ガイドを読まずに自力でできてしまったので、改めて移行ガイドを読んでみます。

抜けがないか確認のため。

続きを読む

2020-11-09
2020-11-29

webpackを4から5にアップデートしたら起きたこと。

Node.js image

webpackを4から5へアップデートしました。エラーはちょいちょい出ていて、うまく行ってるところ、そうじゃないところがあります。

ひとつひとつ見ていきましょう。

続きを読む

2020-11-02
2020-11-28

webpack4, postcss-loaderのバージョンアップでエラー

Node.js image

webpackおなじみの、バージョンアップのオプション変更でエラーが出ました。

postcss-loaderを3.x系から4.x系に変更すると『pluginsなんか知らん！』と出ます。

答えは『指定する場所が変わった。』

続きを読む

2020-07-02
2020-12-11

webpack4, @babel, IE11でforEachがエラー

Node.js image

@babelでトランスパイルしているのにIE11でNodeList.forEach()が使えない。

なんで？ ...そうか、ポリフィルが必要だった。

続きを読む

2020-06-25
2020-11-08

webpack4 プラグインのバージョンアップでエラー三昧

Node.js image

webpackおなじみの、プラグインのバージョンアップでのエラー対応です。

出るわ出るわのエラー三昧で笑けてきた。

（三昧はスシだけでいい。）

続きを読む

1 / 2

最近更新された記事