2017-02-13 1 views
5

J'essayais de suivre le guide de démarrage simple de (http://webpack.github.io/docs/tutorials/getting-started/). Et j'obtiens cette erreur lorsque j'essaie de charger style.css.webpack Impossible de résoudre le 'style'

erreur dans ./entry.js Module introuvable: Erreur: Impossible de résoudre le « style » dans « Chemin de projeter dans mon ordinateur » CHANGEMENT DE RUPTURE: Il n'y a pas plus permis d'omettre le suffixe « -loader » lors de l'utilisation de chargeurs. Vous devez spécifier 'style-loader' au lieu de 'style'. @ ./entry.js 1: 0-22

Des idées?

J'ai installé css-loader et style loader localement en utilisant mpm comme expliqué dans le tutoriel. npm install css-loader style-loader

Je vois le dossier node-modules créé après l'installation.

+1

Il semble que vous avez installé webpack 2.0 et suivez le tutoriel v1? –

+0

C'est tout. Merci pour la réponse rapide. Le fichier de configuration a changé. – Ravi

Répondre

7

Pour la version webpack> = 2.0

Mise à jour webpack.config.js

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

Utilisez {Test: /.css$/, chargeur: "style-loader chargeur css"} au lieu de { test: /.css$/, loader: "style! css!" }

+0

Merci! {test: /\.css$/, loader: "style-loader! css-loader"} ça marche !!! – Abhishek