Question

我试图按照（http://webpack.github.io/docs/tutorials/getting-started/）的简单入门。当我尝试加载style.css时，我收到此错误。

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

有什么想法吗？

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

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

Answer 1

对于webpack版本＆gt; = 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]'
}

webpack无法解析'风格'

2 个答案: