⊗tlWpCsIST 30 of 55 menu

WebpackにおけるCSSスタイルのインポートテスト

JavaScriptファイルでCSSスタイルをインポートするテストをしてみましょう。 スタイルファイルを作成します:

body { background: red; }

それをインポートします:

import './styles.css';

さて、プロジェクトのビルド後に、ビルドファイルがリンクされているHTMLファイルをブラウザで開くと、私たちのスタイルの動作結果が表示されます。

説明されたテストを実行してください。 複数のCSSファイルをインポートしてください。

エディタでビルドファイルを開き、検索機能を使ってその中からあなたのCSSスタイルを見つけてください。

ブラウザのデバッガーを開き、HTMLページ上であなたのCSSスタイルを見つけてください。

日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否