如何找到webpack對應的loader版本
困擾了好一會知染,記錄一下學習過程斑胜。 如果有不正確的地方麻煩耐心指出止潘。(菜雞的自我修養(yǎng))
loader是什么
webpack是前端常見的模塊打包工具辫诅,但是webpack只能用來處理js代碼及其間的依賴。
而前端除了js外還有很多文件么夫,包括css肤视、圖片等等,這些文件的打包需要webpack的擴展來實現(xiàn)腐螟,這個擴展就是loader困后。
如何找到對應的loader
搜索webpack,進入官網(wǎng) -》文檔 -》loaders
比如我想加載css的loader汽绢,進入樣式-》css-loader中查看其安裝和配置
loader版本問題
我們按照官網(wǎng)提供的安裝方法進行安裝侧戴,難免會碰到與當前webpack版本不匹配的問題跌宛,更改webpack版本不太現(xiàn)實秩冈,所以需要安裝低版本的loader來實現(xiàn)。
那么怎么知道哪個版本的loader適合自己的webpack版本呢
首先查看自己的webpack版本號入问。
明確自己要找什么loader稀颁,這里我以url-loader為例。
進入github查找url-loader棱烂。
通過tag選擇不同的版本阶女,以v1.1.2為例
?5. 進入package.json文件進行查看
可以知道該版本支持以3,4開頭的webpack,滿足自己主機的webpack版本號衬鱼。適配成功
最后使用npm install --save-dev?url-loader@1.1.2進行安裝(--save-dev表示只在開發(fā)環(huán)境中使用)