サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
GPT-4o
a0sy.hatenablog.jp
前回は画像を扱いましたが、こちらで書いた構成だとエラーになってしまいます。 問題箇所 このCSSの、url指定で読み込んでいる画像でエラーが起きます。 対応するloaderが入っていないと駄目みたいです。 .first-form { background: url("../images/freeza-first.jpg"); width: 400px; height: 232px; } .second-form { background: url("../images/freeza-second.jpg"); width: 280px; height: 300px; } .third-form { background: url("../images/freeza-third.jpg"); width: 200px; height: 288px; } .fourth-form { back
今まで自分で作ったプロジェクトは、ファイルは基本的な以下の3つで作成され、 HTML CSS JavaScript ライブラリはVue.jsをインストールしているだけでした。 Vue.jsはBowerでインストールし、CSS,JavaScriptファイル(とVue.js)はHTMLから読み込んでいました。 実際にWeb開発をする、となった場合もっとたくさんのライブラリを使うだろうし、HTML,CSSもコンパイルが必要なAltなんとかを使うこともあるでしょう。 今回のような単純なプロジェクトでは恩恵はあまりないかもしれませんが、モダンなWeb環境構築には慣れておかないといけないため、 webpack を利用してみることになりました。 やりたいこと 以下のような3つのファイルを用意します。Vue.jsを使って、p要素に赤文字の"hoge"が出力されるだけのページです。 <!DOCTYPE ht
このページを最初にブックマークしてみませんか?
『a0sy.hatenablog.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く