首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack学习
订阅
lvli0401
更多收藏集
微信扫码分享
微信
新浪微博
QQ
14篇文章 · 0订阅
前端重新部署如何通知用户刷新网页?
1.目标场景 有时候上完线,用户还停留在老的页面,用户不知道网页重新部署了,跳转页面的时候有时候js连接hash变了导致报错跳不过去,并且用户体验不到新功能。 2.思考解决方案 如何去解决这个问题 思
webpack打包css js 成内联样式
webpack打包css js 成内联样式 需求 对外提供一个html,用户点击执行。产品只要对外提供一个html并且希望js做到加密。 写好后使用gulp压缩加密 gulp实现 gulp.js 感觉
万字长文 | 从0到1搭建完整React开发框架:webpack@5.x,react@18.x - 持续更新中
本文旨在通过从0到1搭建一套完整的React开发框架来掌握如`Webpack`、`React`、`Typescript`、` CSS preprocessor`等各部分是如何协同进行编译开发的。
玩转 webpack,使你的打包速度提升 90%
webpack 打包优化并没有什么固定的模式,一般我们常见的优化就是拆包、分块、压缩等,并不是对每一个项目都适用,针对于特定项目,需要不断调试不断优化。 对于 webpack4,建议从零开始配置,在项目初期,使用 webpack4 默认的配置。 接下来,本篇文章会列出所有适用于…
从项目搭建到发布插件到npm
本文会以一个react插件为例,经历开发工程搭建—插件编写—npm打包发布等一系列步骤,和小伙伴们一起开发一个npm插件。
探索webpack4与webpack5多项目公共代码复用架构
先抛出一个尖锐问题:MPA 多页应用或微前端架构,如何处理页面的公共部分。 引入公共模板,这样在访问页面时会直接渲染公共部分。 但如果是现代化工程(比如 React),可前后端又未分离的MPA项目(页面仍由后端渲染,Dom 渲染交由 React 接管),我们就会将构建后的资源文…
Webpack 深入浅出之公司级分享总结(内附完整ppt)
前段时间,在公司做了个 Webpack 的分享。听众40多人,感觉还不错。所以总结一下,先看一下ppt的目录: 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建…
从零开始配置webpack(基于webpack 4 和 babel 7版本)
webpack启动后会从 Entry 里配置的 Module 开始递归解析 Entry 依赖的所有Module.每找到一个Module,就会根据配置的Loader去找出对应的转换规则,对Module进行转换后,再解析出当前的Module依赖的Module.这些模块会以Entry…
webpack优化之HappyPack 实战
由于运行在 Node.js 之上的 Webpack 是单线程模型的,所以Webpack 需要处理的事情需要一件一件的做,不能多件事一起做。 我们需要Webpack 能同一时间处理多个任务,发挥多核 CPU 电脑的威力,HappyPack 就能让 Webpack 做到这点,它把任…
重构之路:webpack打包体积优化(超详细)
这一章讲打包体积优化,这个也算是最重要的一章了,我之前可是花了很多时间去查资料怎么优化打包体积的,不同版本的webpack之间还有一些区别,所以也算踩了很多的坑,所以这一章会比较长。 可以清晰的看到antd和react-dom就占了一半多,下面来优化。 1. 修改mode 2.…