项目场景：

使用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指令成功打包,打包指令加入路徑亦成功打包;

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

webpack编译出错You may need an appropriate loader to handle this file type.
引用css时var footerCss = require("../../css/footer.css");运行报错You may need an appropriate load ...
webpack代理配置打包后接口404_webpack 从零开始
什么是webpack? webpack 可以看做是是一个现代 JavaScript 应用程序的静态模块打包器(module bundler).当 webpack 处理应用程序时,它会递归地构建一个依赖 ...
一篇弄懂webpack静态资源打包器
认识 webpack是优秀的前端构建工具,静态资源打包器,可以根据模块依赖关系进行静态资源分析,快速打包生成相对应浏览器可以直接识别的静态资源! 环境 1)node环境 2)vs code编辑器规约 ...
vue html引入资源dev下404,webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)...
最近在使用webpack + vue做个人娱乐项目时,发现npm run build后,css js img静态资源文件均找不到路径,报404错误...网上查找了一堆解决办法,总结如下一.首先修改c ...
android ota 升级脚本,Android OTA升級包制作腳本詳解（五，升級腳本updater-script的執行1）...
寫在前面: 首先當我們執行升級腳本updater-script的時候,就表示我們已經進入了升級安裝狀態.那么在我們就從實際的安裝作為入口開始分析.也就是說我們從install.cpp中的install ...
webpack 的基本使用——配置打包的入口与出口||配置 webpack 的自动打包功能
配置打包的入口与出口 const path = require('path') // 导入 node.js 中专门操作路径的模块 module.exports = { entry: path.join ...
如何處理不同版本的 Gem 執行檔，以 Rake 0.9.0 地雷為例
Update: Rake 0.9.1 回復了這個不相容變更,改成加上 Deprecation 警告:Global access to Rake DSL methods is deprecated. P ...
java中exec命令,使用Java中的Runtime.exec()執行Windows命令
Runtime.getRuntime().exec()方法主要用於執行外部的程序或命令.Runtime.getRuntime().exec共有六個重載方法 : 其中public Process exe ...
webpack 原理图_webpack打包原理
展开全部将根据文件间32313133353236313431303231363533e78988e69d8331333433643638的依赖关系对其进行静态分析,然后将这些模块按指定规则生成静态资 ...

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

项目场景：

问题描述：

原因分析：

解决方案：

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

最新文章

热门文章