2017-02-13 76 views
5

我试图从(http://webpack.github.io/docs/tutorials/getting-started/)开始简单入门。 当我尝试加载style.css时出现此错误。webpack无法解析“样式”

ERROR在./entry.js 模块未找到:错误:无法解析“风格”在 重大更改“路径在我的电脑项目”:它不再允许省略“-loader”后缀当使用装载机时。 您需要指定'style-loader'而不是'style'。 @ ./entry.js 1:0-22

任何想法?

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

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

+1

这听起来像你安装了webpack 2.0并且正在遵循v1教程? –

+0

就是这样。感谢您的快速回复。配置文件已更改。 – Ravi

回答

7

有关的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" } 
     ] 
    } 
}; 

使用{测试:/.css$/,装载机: “风格装载机CSS加载器”},而不是{测试:/.css$/,loader:“style!css!” }

+0

谢谢! {test:/\.css$/,loader:“style-loader!css-loader”}它的工作原理! – Abhishek