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で困った人のために情報を発信します。

2020-07-02

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

Node.js image

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

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

続きを読む

2020-06-25
2020-07-02

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

Node.js image

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

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

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

続きを読む

2020-06-22
2020-07-02

webpack4, html-webpack-exclude-assets-pluginは使えない話。

Node.js image

html-webpack-pluginのバージョン4.0.0から、拡張プラグインhtml-webpack-exclude-assets-pluginは使えません。

代替プラグインを使います。

続きを読む

2020-06-18
2020-06-22

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

Node.js image

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

『removeComments, collapseWhitespaceなんか知らん！』と出たのですが、答えは『指定する場所が変わった。』です。

続きを読む

2020-06-15
2020-06-18

webpack4, CopyWebpackPluginのバージョンアップでエラー

Node.js image

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

まぁこれが嫌でたまにしかバージョンを上げず、余計に出るんですが。

続きを読む

2020-06-12
2020-06-15

webpack4-css-loaderのminimizeでエラー

Node.js image

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

まぁこれが嫌で、たまにしかバージョンを上げないので、余計に出るんですが。

続きを読む

1 / 2

最近更新された記事