ツイート
シェア
LINEで送る
B! はてぶでブックマーク
Pocketでブックマーク
RSSフィード

中級者 - 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について情報を発信します。

自分で情報を探しながらやっても、なかなかスムーズに答えにたどりつかない人向けです。

経験が足りないだけで、遅かったり、失敗しても自信をなくさなくていいです。いまは大きくなるために、技術を知って試す時期なので。

むしろたくさん悩んで、フリーズして、失敗してください。気がついたら最適な答えを出す力が自然と身についているでしょう。

webpack4, css-loaderのminimizeでエラー

Node.js image

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

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

もうひとつ、あくまでwebpackはビルドツールなので不都合がない限り放置が多いというのもある。

続きを読む

webpack4, sass-loaderのoutputStyleでエラー

Node.js image

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

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

もうひとつ、あくまでwebpackはビルドツールなので不都合がない限り放置が多いというのもある。

続きを読む