web-dev-qa-db-ja.com

webpackは 'style'を解決できません

（ http://webpack.github.io/docs/tutorials/getting-started/ ）の簡単なGetting Startedをフォローしようとしていました。そして、style.cssをロードしようとすると、このエラーが発生します。

./entry.jsモジュールでエラーが見つかりません：エラー：「コンピューターのプロジェクトへのパス」の「スタイル」を解決できません互換性を破る変更：ローダーを使用するときに「-loader」サフィックスを省略できなくなりました。 'style'の代わりに 'style-loader'を指定する必要があります。 @ ./entry.js 1：0-22

何か案は ？

チュートリアルで説明されているように、mpmを使用してcss-loaderとstyle-loaderをローカルにインストールしました。 npm install css-loader style-loader

インストール後に作成されたnode-modulesフォルダーが表示されます。

npmwebpackwebpack-style-loadercss-loader
10
Ravi

Webpackバージョン> = 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" }
        ]
    }
};

{test：/.css$/、loader： "style！css！"の代わりに{test：/.css$/、loader： "style-loader！css-loader"}を使用します}

11
Abdul

{test：/.css$/、loader： "style！css！"ではなく、{test：/.css$/、loader： "style-loader！css-loader"}を使用してみました上記と同じですが失敗しました、以下の設定は私にとってはうまくいきます：

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