npm - webpack 无法解析“样式”

Question

我试图遵循简单的入门（http://webpack.github.io/docs/tutorials/getting-started/）。当我尝试加载 style.css 时出现此错误。

./entry.js 中的错误模块未找到：错误：无法解析“我的计算机中的项目路径”中的“样式”重大更改：使用加载程序时不再允许省略“-loader”后缀。您需要指定 'style-loader' 而不是 'style'。@ ./entry.js 1:0-22

有任何想法吗 ？

如教程中所述，我使用 mpm 在本地安装了 css-loader 和 style-loader。npm install css-loader 样式加载器

我看到安装后创建的 node-modules 文件夹。

Answer 1

对于 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-loader!css-loader" }而不是 { test: /.css$/, loader: "style!css!" }

Answer 2

尝试使用 { test: /.css$/, loader: "style-loader!css-loader" } 而不是 { test: /.css$/, loader: "style!css!" }' 如上所述但失败了，下面的配置对我有用：

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