Webpack執行打包:“You may need an appropriate loader to handle this file type“

Posted 2021-06-19 白瑕

项目场景：

使用webpack對CSS文件和一JS文件進行打包

---

问题描述：

配置webpack.config.js完成;webpack & webpack-cli安裝完成;css-loader & style-loader安裝到上級文件夾完成,執行打包時輸入webpack顯示如下:

也沒有生成Hash值

“您或許需要loader來處理這種類型的文件”,但我已經安裝了正確的loader.

---

原因分析：

錯誤:嘗試將webpack & css-loader & style-loader安裝到最近一級文件夾,完成後嘗試無效.
正確:猜測是版本問題:webpack找到css-loader & style-loader包,結果版本問題導致無法使用.

解决方案：

於是嘗試匹配版本,選取4個包發佈時間相近,使用人數最多的版本:

嘗試
webpack5.0.0
webpack-cli3.3.12
style-loader1.1.3
css-loader3.6.0
組合,輸入webpack指令成功打包,打包指令加入路徑亦成功打包;