one webpack study demo question
阿新 • • 發佈:2017-05-19
多看 src mpi error chan add ima ror 重要
學習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 tipdocument.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