webpack基础知识

最新推荐文章于 2024-08-29 19:36:49 发布
最新推荐文章于 2024-08-29 19:36:49 发布
阅读量29 收藏
点赞数
文章标签： webpack 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41283785/article/details/127188470
版权
VueCLI是基于Webpack的工具，用于管理和构建Vue.js项目。它自动处理将浏览器不识别的资源转换为可执行的代码，并执行压缩和合并等优化。另一方面，Rollup和Vite是替代Webpack的现代构建工具，它们以不同的方式提高构建速度和效率。
摘要由CSDN通过智能技术生成
  • Webpack vuecli关系？
  • rollup vite?

使用vuecli的时候，实际上是webpack在打包

  • 为什么要打包？
    -在这里插入图片描述

webpack要把浏览器不认识的资源转化成认识的资源，然后对资源进行压缩和合并等处理。

qq_41283785
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WebPack基础知识详解
08-31
Webpack 是一款强大的前端构建工具，它主要负责处理和打包 JavaScript 模块，以及各种浏览器无法直接运行的扩展语言，如 SCSS、TypeScript 等。Webpack 的核心概念是模块化，它将项目视为一个整体，通过入口文件（如...
webpack基础知识学习demo
06-29
webpack基础知识学习demo
fe-tutorial::spiral_notepad: 前端学习笔记，整理了 JavaScript 知识、数据结构和算法、webpack 基础知识等
08-03
这是一份整理的前端学习笔记，主要是关于学习前端的过程和知识的梳理，包括计算机基础知识、JavaScript、webpack 等，这个过程中也参考了很多的文章和课程，感谢这些内容帮助。期望这份笔记也可以对你学习前端有帮助...
Vue+webpack项目基础配置教程
08-28
Vue+webpack项目基础配置教程 本教程主要介绍了Vue+webpack项目基础配置教程，旨在帮助开发者快速搭建Vue+webpack项目的基础配置环境。下面是详细的知识点总结： 一、开发环境配置 开发环境是指使用的IDE、文本...
前端面试题-Vite的打包速度为什么比Webpack快?
m0_62300955的博客
08-20 856
Vite的打包速度为什么比Webpack快?
2.10鼠标事件
weixin_45794330的博客
08-29 1294
在代码中，on_mouse 就是用来处理鼠标事件的回调函数，当鼠标有动作产生时，on_mouse 会被系统调用，然后在 on_mouse 中，判断发生了哪种动作，进而进行相应的处理。OpenCV 提供了 setMousecallback 来预先设置回调函数（相当于告诉系统鼠标处理的回调函数已经设置好了，有鼠标事件发生时，系统调用这个回调函数即可），注意是系统调用，而不是开发者调用，因此称为回调函数。之后按住左键移动鼠标，会进入到第三个逻辑判断，绘制鼠标的移动轨迹。示例程序中提供了两种绘制轨迹的方法，
webpack4手动搭建Vue项目
YUELEI118的博客
08-29 575
学习总结1. 多看看webpack官网2. webpack的作用：配置一堆东西，达到运行程序的目的3. 无论什么东西都转成js，然后插入到一个空空的html文件中运行4. webpack就是个管理者，管理着一堆loader，一堆loader的作用就是把自己负责的东西弄成js。
路由懒加载
weixin_51416826的博客
08-26 243
将路由配置中的组件从常规的静态导入改为动态导入。
关于vue2运行时filemanager-webpack-plugin报错isFile is undefind
I_Allen_Liu的博客
08-29 273
当我们在运行时报此错误时，在vue.config.js里找一下filemanager-webpack-plugin的配置路径。在对应的路径下建一个dist文件夹。
Vue3中的ref与reactive区别
typ的blog，记录工作中的问题、学习中的笔记、生活中的感想。
08-26 524
reactive仅对对象类型有效（对象、数组和MapSet这样的集合类型），而对stringnumber和boolean这样的原始类型无效。因为 Vue 的响应式系统是通过属性访问进行追踪的，如果我们直接“替换”一个响应式对象，这会导致对初始引用的响应性连接丢失。ref对类型没有限制，其中的value和响应式对象的属性类似，ref 的value属性也是响应式的。同时，当值为对象类型时，Vue 会自动使用reactive()处理这个值，一个包含对象的 ref 可以响应式地替换整个对象。
JavaScript代码片段
weixin_66128399的博客
08-26 988
使用场景是：后端列表查询接口，某个字段前端不传，后端就不根据那个字段筛选，例如name不传的话，就只根据page和pageSize筛选，但是前端查询参数的时候（vue或者react）中，往往会这样定义。给后端发送数据的时候，要判断某个属性是不是空字符串，然后给后端拼参数，这块逻辑抽离出来就是cleanObject，代码实现如下。leading-true，trailing-true：在延时开始时就调用，延时结束后也会调用。//第一个参数指定位数，第二个字符串指定字符，都是可选参数，如果都不传，默认生成8位。
vue ref和reactive区别
灰海
08-25 2470
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
前端开发学习Docker记录02容器操作
第⑦个前端
08-29 833
使用docker ps 可以看到有哪些镜像在运行。
零基础5分钟上手亚马逊云科技-云原生架构设计
m0_66628975的博客
08-26 2102
欢迎来到小李哥全新亚马逊云科技AWS云计算知识学习系列，适用于任何无云计算或者亚马逊云科技技术背景的开发者，通过这篇文章大家零基础5分钟就能完全学会亚马逊云科技一个经典的服务开发架构方案。我会每天介绍一个基于亚马逊云科技AWS云计算平台的全球前沿云开发/架构技术解决方案，帮助大家快速了解国际上最热门的云计算平台亚马逊云科技AWS最佳实践，并应用到自己的日常工作里。
AI 大模型时代，对前端工程师有哪些机遇和挑战？
Z4400840的博客
08-28 782
AI 大模型时代为前端工程师带来了丰富的机遇，同时也带来了挑战。前端工程师需要积极适应这些变化，掌握新的技能，以抓住时代发展的红利。通过不断学习和提升技术水平，前端工程师可以在AI时代中发挥更大的作用，创造更多的价值。
材料表面缺陷检测系统源码分享 # [一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
最新发布
xuehai996的博客
08-29 688
材料表面缺陷检测系统源码分享 # [一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
KEYSIGHT是德 Infiniium EXR系列 示波器
XLTYQYB的博客
08-29 221
该系列的所有型号都集成了一个 10 位 ADC，并且在所有通道上同时提供 16 GSa/s 的采样率。高分辨率 ADC 的效用取决于示波器的前端底噪是否足够低以提供与之匹配的额外的量化电平空间。我们的低噪声前 端包含定制 IC，例如 130 纳米 BiCMOS IC（其中集成了用户可选的模拟滤波器），并且带宽可通过软件 许可证升级。使用硬件滤波时，噪声低至 43 μV，系统 ENOB 达到 9.0 位。Infiniium EXR系列 示波器 型号比较。垂直分辨率是 8 位示波器的 4 倍。
前端宝典十六：深入浅出8大设计模式
franktaoge的博客
08-24 1523
本文主要探讨前端开发中的各种设计模式，主要分类有： - 单例模式 - 建造者模式 - 代理模式 - 装饰器模式 - 适配器模式 - 策略模式 - 观察者模式 - 发布订阅模式 通过对他们实际开发中的使用场景的解析，深入浅出的一起更全面直观的进行学习：
浏览器精度问题
m0_46281382的博客
08-25 899
浏览器如何解析后端返回的long类型的数据
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值