學習webpak，跟著官方小白教程，遇到了css資源加載的小問題，記錄下來，以供參考查閱。

　　webpack小白學習教程：http://webpack.github.io/docs/tutorials/getting-started/

問題出在了“CSS文件加載這一步”，即 THE FIRST LOADER。

按照教程中所示，添加了style.css文件，同時更新了entry.js文件。

1 require("!style!css!./style.css"); // add
2 document.write(require("./content.js"));

運行命令“webpack ./entry.js bundle.js”，並沒有得到想要的結果，出現錯誤如下。

查看錯誤提示，沒有解析‘style‘。但是在這個操作之前，已經通過npm成功安裝style-loader 包的。最後還有一句提示，很重要啊。

You need to specify ‘style-loader‘ instead of ‘style‘.

？？？把style替換成style-loader。期初我對這個提示是忽視的，通過幾次安裝卸載style-loader和css-loader，無果後。才註意到這個提示。

不如，修改entry.js中的style、css試一下。

require("!style-loader!css-loader!./style.css"); // update follow error tip
 

document.write(require("./content.js"));

到底可不可以呢?從新recompile，結果是通過了。就這樣通過了。

洋洋灑灑寫這麽多，我到底想說什麽呢？

多看錯誤提示，註重錯誤提示，認真分析錯誤提示！

BREAKING CHANGE: It‘s no longer allowed to omit the ‘-loader‘ suffix when using loaders. 是不是瞎？

one webpack study demo question