2017-02-13 33 views
5

Próbowałem wykonać proste Pierwsze kroki od (http://webpack.github.io/docs/tutorials/getting-started/). I pojawia się ten błąd, gdy próbuję załadować style.css.WebPack Nie można rozwiązać "stylu"

błąd w ./entry.js moduł nie znaleziono: Błąd: Nie można rozwiązać „styl” w „Drodze do projektu w moim komputerze” łamanie Zmiana: To już nie wolno pominąć „” przyrostek -loader podczas korzystania z ładowarek. Musisz podać "style-loader" zamiast "style". @ ./entry.js 1: 0-22

Jakieś pomysły?

Zainstalowałem program ładujący css i moduł ładujący styl lokalnie przy użyciu mpm, jak wyjaśniono w tutorialu. npm install css-loader style-loader

Widzę folder node-modules utworzony po instalacji.

+1

Wygląda na to, że zainstalowałeś WebPack 2.0 i używasz samouczka v1? –

+0

To jest to. Dzięki za szybką odpowiedź. Plik konfiguracyjny się zmienił. – Ravi

Odpowiedz

7

Dla wersji WebPACK> = 2,0

Aktualizacja webpack.config.js

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

Zastosowanie {Test: /.css$/, ładowarka: "style-ładowarka css-loader"} zamiast { test: /.css$/, loader: "style! css!" }

+0

Dziękuję! {test: /\.css$/, loader: "style-loader! css-loader"} działa !!! – Abhishek