Webpack は CSS ソリューションをロードできません

PHPz
リリース: 2017-04-23 11:36:28
オリジナル
2020 人が閲覧しました

webpack が CSS を読み込めないのはなぜですか?以下は、私自身が遭遇したCSSの読み込み時のエラーコードです。皆さんのお役に立てれば幸いです。

このアプリはreactで書かれています。

webpackのローダー設定はこんな感じです

module:{
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader:  'babel',
      },
      
      { 
        test: '/\.css$/', 
        loaders: ['style', 'css'],
        include: __dirname,
      },
    ],
  },
ログイン後にコピー

css-loader、style-loaderもインストールしました

しかし、CSSをロードするとimport './stylesheets/all.css';
エラーが報告されます:

./app/stylesheets/all.css
Module parse failed: D:\FrontEnd\mzFM-web\app\stylesheets\all.css Unexpected token (1:11)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (1:11)
ログイン後にコピー

webpackはCSSをロードできません:

原来test:'/\.css$/'这里写错了。
应该是test:/\.css$/ 不带''
ログイン後にコピー

関連する CSS コースの推奨事項: php 中国語 Web サイト CSS ビデオ オンライン チュートリアル

以上がWebpack は CSS ソリューションをロードできませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート