web-dev-qa-db-fra.com

webpack Impossible de résoudre le 'style'

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

ERREUR dans ./entry.jsModule introuvable: Erreur: impossible de résoudre le 'style' dans 'Chemin d'accès au projet sur mon ordinateur' RUPTURE DU CHANGEMENT: il n'est 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é localement css-loader et style-loader à l'aide de mpm comme expliqué dans le tutoriel . Npm installer css-loader style-loader

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

npmwebpackwebpack-style-loadercss-loader
9
Ravi

Pour la version de webpack> = 2.0

Mettre à 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! Css-loader"} au lieu de {test: /.css$/, chargeur: "style! Css!" }

11
Abdul

Essayé 'Utiliser {test: /.css$/, chargeur: "style-loader! Css-loader"} au lieu de {test: /.css$/, chargeur: "style! Css!" } 'comme ci-dessus mais a échoué, la configuration ci-dessous fonctionne pour moi:

{
    test:/\.css$/,
    loader:'style-loader!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'
}
0
Hailin Tan