2017-02-13 39 views
5

私は簡単な入門ガイド(http://webpack.github.io/docs/tutorials/getting-started/)に従っています。 style.cssを読み込もうとするとこのエラーが発生します。 ./entry.js モジュールでwebpack 'style'を解決できません

ERRORが見つかりません:エラー: BREAKINGのCHANGE「私のコンピュータに突出するパス」で「スタイル」を解決できません:もはや「-loader」接尾辞を省略することが許可されていますローダー使用時。 'style'ではなく 'style-loader'を指定する必要があります。 @ ./entry.js 1:0-22

どのようなアイデアですか?

チュートリアルの説明に従って、css-loaderとstyle-loaderをmpmを使ってローカルにインストールしました。 npm install css-loaderスタイルローダー

インストール後にnode-modulesフォルダが作成されています。 WebPACKのバージョンについては

+1

webpack 2.0をインストールしたようですが、v1チュートリアルに従っていますか? –

+0

それはそれです。迅速な返信をありがとう。設定ファイルが変更されました。 – Ravi

答えて

7

> = 2.0

更新webpack.config.js

module.exports = { 
    entry: "./entry.js", 
    output: { 
     path: __dirname, 
     filename: "bundle.js" 
    }, 
    module: { 
     loaders: [ 
      { test: /\.css$/, loader: "style-loader!css-loader" } 
     ] 
    } 
}; 

使用{テスト:/.css$/、ローダー: "!スタイル・ローダーCSS-ローダー"}代わりの{ test:/.css$/、loader: "style!css!" }

+0

ありがとうございます! {test:/\.css$/、loader: "style-loader!css-loader"}これは動作します! – Abhishek

関連する問題