webpack 无法解析“样式”答案

【问题标题】：webpack Can't resolve 'style'webpack 无法解析“样式”
【发布时间】：2017-06-30 23:56:21
【问题描述】：

我试图遵循简单的入门指南 (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 style-loader

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

【问题讨论】：

听起来你安装了 webpack 2.0 并且正在学习 v1 教程？
就是这样。感谢您的快速回复。配置文件已更改。

标签： npm webpack webpack-style-loader css-loader

【解决方案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! " }

【讨论】：

【解决方案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]'
}

【讨论】：