コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > 本文

webpackでCSSをパッケージ化する方法

一个新手
リリース： 2017-09-07 13:40:46
オリジナル
2358 人が閲覧しました

あなたの環境がインストールされていることを前提としています:

webpackはデフォルトでCSS(style)のパッケージ化をサポートしていません

をインストールする必要があります

npm install css-loader style-loader --save-dev

インストール完了後、cssをインポートする場所の前に「css-loader!パス」を追加する必要があります

// 打包之后css有效果需要加 style-loader 不然就没有效果require('style-loader!css-loader!./style.css')
ログイン後にコピー


直接記述する簡単な方法もあります

コマンドラインでインポート

require('./style.css')
ログイン後にコピー

webpack hello.js hello.bundle.js --module-bind "css=style-loader!css-loader" --watch

変更してページを更新してから使用してください

以上がwebpackでCSSをパッケージ化する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
web webpack
ソース：php.cn
前の記事：CSSで継承できるプロパティと継承できないプロパティは何ですか? 次の記事：Css + jQuery を使用してドロップダウン メニューを作成する
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Angular アプリケーションで Javascript プロトタイプ コンストラクターをインポートするとエラーがスローされる コンストラクターを含む JS ファイルをインポートしようとしている Angular アプリケーションがあります。しかし、アプリケーションを実行すると、webpack がエラーをスロ...
から 2024-04-04 11:36:15
0
1
288
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート