首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
webpack
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
Webpack知识点整理(webpack菜鸟教程)
Webpack知识点整理(webpack菜鸟教程),为什么要使用Webpack?要理解webpack是什么,我们先记住这两个词:-模块-打包模块化理想的方式是在页面中引入一个JS入口文件,其余用到的模块可以通过代码控制按需加载模块化的方式划分出来的模块文件过多,而前端应用又运行在浏览器中,每一个文件都需要单独从服务器请求回来,零散的模块文件必然会导致浏览器的频繁发送网络请求,影响应用的工作效率。那
1294
后端
01-01 08:00
后端
webpack最全实用配置(收藏)
1. 入门(一起来用这些小例子让你熟悉webpack的配置) 1.1 初始化项目 新建一个目录,初始化npm webpack是运行在node环境中的,我们需要安装以下两个npm包 npm i -D ...
1059
后端
01-01 08:00
后端
webpack5 和 webpack4 的区别有哪些 ?
webpack5 和 webpack4 的区别有哪些 ?,1、TreeShaking作用:如果我们的项目中引入了lodash包,但是我只有了其中的一个方法。其他没有用到的方法是不是冗余的?此时tree-shaking就可以把没有用的那些东西剔除掉,来减少最终的bundle体积。usedExports:true,标记没有用的叶子minimize:true,摇掉那些没有用的叶子//webpack.co
1013
后端
01-01 08:00
后端
webpack5升级指南,webpack5真香!
webpack5升级指南,webpack5真香!,背景由于公司的后台项目比较大,构建时间非常久,觉得很浪费时间,就起了优化的心思。看了一些webpack优化的文章,大部分都提到了webpack5的持久性缓存大大提升了构建速度,而且官方也说了尽可能长时间地保持在v5版本。所以!干起来吧!官方给出的这个版本重点在于以下几点。尝试用持久性缓存来提高构建性能。尝试用更好的算法和默认值来改进长期缓存。尝试用
920
后端
01-01 08:00
后端
webpack依赖加载cdn配置
webpack依赖加载cdn配置,webpack依赖加载cdn配置CDN服务商的选择要使用cdn功能,就需要cdn服务商,我们可以自己搭建,也可以使用一些比较知名的服务商,庆幸的是市面上有不少的免费cdn服务商,如:BootCDNunpkg其中BootCDN是Bootstrap中文网支持并维护的前端开源项目免费CDN服务,项目资源同步于cdnjs仓库。界面相对比较好看,且支持搜索功能,可以在线测试
599
代码人生
01-01 08:00
代码人生
webpack(五)之polyfill
webpack(五)之polyfill 在webpack中,babel只能转换新的语法,如将es6转为es5,jsx转为js等,但但是无法处理新的api,如promise等,这时候就需要依赖polyfill。 polyfill可以理解为补丁的意思,用于实现浏览器不支持的原生的api代码。 polyfill的使用: 1.babel7.4之后,单独引入core-js和regenerator-run
426
代码人生
01-01 08:00
代码人生
webpack热更新原理(HRM)
webpack热更新原理(HRM),一、什么是HMRHMR(HotModuleReplacement)是webpack一个重要的特性,当代码文件修改并保存之后,webapck通过watch监听到文件发生变化,会对代码文件重新打包生成两个模块补丁文件manifest(js)和一个(或多个)updatedchunk(js),将结果存储在内存文件系统中,通过websocket通信机制将重新打包的模块发送
420
代码人生
01-01 08:00
代码人生
webpack的热更新原理你了解多少?(webpack热更新实现原理)
webpack的热更新原理你了解多少?(webpack热更新实现原理),一、前言HotModuleReplacement,简称HMR,无需完全刷新整个页面的同时,更新模块。好处就是优化了开发体验。如果你配置过Webpack,想必你也不陌生,HotModuleReplacementPlugin和devServer中hot:true来开启HMR功能。二、了解下webpack的日常构建当我们开启HMR通
412
后端
01-01 08:00
后端
Webpack5.0学习总结-基础篇
Webpack5.0学习总结-基础篇,Vue项目开发一直使用的脚手架,对Webpack这个黑匣子知之甚少,碰到问题总是一头雾水,所以趁着Webpack5.0发布不久,较完整地学习了一遍。本篇文章总结一下学习成果。整体大纲如下图,本文为基础篇,进阶篇请按传送门Webpack5.0学习总结-进阶篇。认识WebpackWebpack是什么?Webpack是一种前端资源构建工具,一个静态模块打包器。前端资
403
代码人生
01-01 08:00
代码人生
webpack运行过程(webpack菜鸟教程)
webpack运行过程(webpack菜鸟教程),异步执行AsyncQueue下的_ensureProcessing()方法执行时首先会遍历this._queued,但此时this._queued.length=0其次会遍历this.children,此时this.children.length=3this._children为三个AsyncQueue_name为addModule的AsyncQu
398
«
1
2
3
4
5
6
7
8
...
23
24
»