10

我试图遵循简单的入门(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 文件夹。

4

2 回答 2

10

对于 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!" }

于 2017-02-20T09:51:36.170 回答
0

尝试使用 { 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]'
}
于 2018-11-15T22:21:26.337 回答