2017-02-13 77 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