困扰了好一会,记录一下学习过程。

如果有不正确的地方麻烦耐心指出。(菜鸡的自我修养)

loader是什么

webpack是前端常见的模块打包工具,但是webpack只能用来处理js代码及其间的依赖。

而前端除了js外还有很多文件,包括css、图片等等,这些文件的打包需要webpack的扩展来实现,这个扩展就是loader。

如何找到对应的loader

搜索webpack,进入官网 -》文档 -》loaders

比如我想加载css的loader,进入样式-》css-loader中查看其安装和配置

loader版本问题

我们按照官网提供的安装方法进行安装,难免会碰到与当前webpack版本不匹配的问题,更改webpack版本不太现实,所以需要安装低版本的loader来实现。

那么怎么知道哪个版本的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表示只在开发环境中使用)

css-loader 版本号,如何找到webpack对应的loader版本相关推荐

  1. 六、Webpack详解学习笔记——webpack的安装、起步、配置、loader的使用、webpack中配置Vue、plugin的使用、搭建本地服务器、webpack配置的分离

    一.认识webpack 什么是webpack? 这个webpack还真不是一两句话可以说清楚的. 我们先看看官方的解释: At its core, webpack is a static module ...

  2. 深度解读Webpack中的loader原理

    一.前言 webpack 是一个现代 JavaScript 应用的静态模块打包器.那么 webpack 是怎样实现不同种类资源模块加载的呢? 没错就是通过 loader.loader 用于对模块的源代 ...

  3. 彻底弄懂Webpack中的Loader机制

    一.前言 面对这些框架所衍生出来的文件,现代的模块打包工具,例如 Webpack 本身只能处理 js  和 JSON 文件,其他类型文件它是不能够处理的.需要借助 Loader 来处理这些类型的文件, ...

  4. webpack中的 loader

    文章目录 1. loader 概述 2. loader 的调用过程 3. 打包处理 css 文件 4. loader 调用过程图解 5. 打包处理 less 文件 6. 打包处理样式表中与 url 路 ...

  5. Webpack学习-Loader

    什么是Loader? 继上两篇文章webpack工作原理介绍(上篇.下篇),我们了解到Loader:模块转换器,也就是将模块的内容按照需求装换成新内容,而且每个Loader的职责都是单一,只会完成一种 ...

  6. [css] 一个项目中有很多无用的css代码,怎么找到并清除这些无用的代码?

    [css] 一个项目中有很多无用的css代码,怎么找到并清除这些无用的代码? 1.使用浏览器插件 2.使用PurifyCSS 3.chrome浏览器 F12审查元素的Audits,手动删 个人简介 我 ...

  7. webpack:自定义loader

    以下是一个自定义loader replace-loader,实现一个类似模板引擎变量替换的简单功能 文件目录 . ├── dist │ └── index.js # 打包结果 ├── loaders ...

  8. webpack里的loader是什么,干嘛的,webpack和loader是什么关系?

    1.首先,webpack干嘛的?看图: webpack就是打包的,就不啰嗦啦 2.那loader是什么玩意儿?在webpack的世界里,干了点什么? 先看看官网的解释,[https://www.web ...

  9. 嵌入式系统 Boot Loader 技术内幕-目前看到介绍Boot loader最通俗明了的文章

    1. 引言 在专用的嵌入式板子运行 GNU/Linux 系统已经变得越来越流行.一个嵌入式 Linux 系统从软件的角度看通常可以分为四个层次: 1. 引导加载程序.包括固化在固件(firmware) ...

最新文章

  1. c#自动向网页Post信息并提取返回的信息
  2. mysql 并行 更新_MySQL 并行复制(MTS) 从库更新的记录不存在实际却存在
  3. [计算机网络] - TCP 重传、滑动窗口、流量控制、拥塞控制
  4. 翻译:与包括索引列:5级阶梯SQL Server索引
  5. linux htop详细功能
  6. unity游戏开发学习笔记
  7. 运动酒店,如何“奇袭”文旅产业精准蓝海赛道——缤跃酒店
  8. 2022 年值得关注的 8 个人工智能趋势
  9. python函数教程:len()方法
  10. Compose Wheel组件。滚轮组件
  11. opecv BGR转NV21
  12. 计算机会取代老师吗英语作文,未来老师会被计算机所取代吗英语作文
  13. 少年不知愁滋味,爱上“红楼”-序
  14. 电脑网络正常,网页都可以上,但是QQ登陆不上,报错代码00001
  15. mysql怎么判断是否断号_怎么判断孩子是否为多动症,家长可以看看这篇
  16. 用晨曦记账本,设置多功能打印账目
  17. CentOS下用rinetd做端口转发
  18. 安装LabelImage
  19. 中软实训-day1 Maven的基本知识
  20. harrier 查看查看服务器状态,机油尺检查细节多多,嘉普力汽配工场教你如何正确查看机油尺...

热门文章

  1. 闲云旅游网01(基于vue+element ui)
  2. 双硬盘笔记本电脑安装WIN10和Ubuntu双系统(一)
  3. NPDP产品经理认证:产品营销组合的4P管理
  4. Python爬虫之微信公众号(一)
  5. 不忘初心,扬帆起航!
  6. linux远程溢出,Linux netkit in.telnetd远程溢出漏洞
  7. 2.4G无线游戏手柄方案开发
  8. 陕西工业职业技术学院计算机有哪些专业,陕西工业职业技术学院最好的专业有哪些、哪些专业比较好...
  9. SSL作用及原理详解
  10. signal()函数的使用及小结