首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
theblue
更多收藏集
微信扫码分享
微信
新浪微博
QQ
10篇文章 · 0订阅
按需打包 UI 组件库原理探究
总算给自己找了一个相对合理的理由,哈哈。既然有人这么想,跟随一起探索下哈。 Antd 4.X 版本是利用 webpack 基于 ES modules的 treeshaking 实现的按需加载。 根据入口文件,递归查询相关依赖,然后通过各种 loader 和各种 plugin ,…
webpack 十连问你能接住几题
前言 面试题只是一个引子,快速刷题就是背(面试官问你,但是他不一定很深入),想深入理解还是得花大量精力; webpack 的构建流程是什么 初始化参数:解析webpack配置参数,合并shell传入和
webpack优化解决项目体积大、打包时间长、刷新时间长问题!
在项目中,如果发现脚手架打包缓慢,体积又臭又大,那么,升级技术环境是提升的最快方式,比如node环境,比如升级脚手架版本,效果会有显著提升,而且是最廉价的优化方式。 首先当我们取用esmodel去引用jquery的时候npm搜索会先从当前目录的node_modules中找,找不…
webpack从入门到进阶
在我们平时的开发中,会经常使用到webpack,但很多时候我们都不做任何配置(webpack4)也可以进行开发,但是默认的配置真的够我们使用了吗?所以本文将带你开启webpack的大门。 本身是一个函数,接受源文件作为参数,返回转换的结果。 ⽂件监听是在发现源码发⽣变化时,⾃动…
一步步从零开始用 webpack 搭建一个大型项目
想要学好 webpack,我们首先要了解 webpack 的机制,我们先从js加载css开始学习。 bundle 是一个立即执行函数,可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置,还要对它的原理一起了解,只有学到框架的精髓,我们才能应对如…
浅谈 webpack 性能优化(内附巨详细 webpack 学习笔记)
笔者最近在整理关于 webpack 相关的知识点,一方面是因为自己掌握的知识点比较零碎、不够系统,有时候碰到问题不知从何下手,另外一方面 webpack5.0 已经在路上了,这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库:webpack 学习整理文档,有兴趣的同…
玩转 webpack,使你的打包速度提升 90%
webpack 打包优化并没有什么固定的模式,一般我们常见的优化就是拆包、分块、压缩等,并不是对每一个项目都适用,针对于特定项目,需要不断调试不断优化。 对于 webpack4,建议从零开始配置,在项目初期,使用 webpack4 默认的配置。 接下来,本篇文章会列出所有适用于…
将webpack打包优化到极致_20180619
项目上线前是专门针对 webpack 打包做了优化的,但是在之后做网络优化的时候通过webpack-bundle-analyzer这个插件发现一些公共的js文件重复打包进了业务代码的js中。这些代码体积虽然很小,但是为了将优化做到极致还是想要将其优化一下。这个过程最大的收获就是…
在淘宝优化了一个大型项目,分享一些干货(Webpack,SplitChunk代码实例,图文结合)
本项目是淘系用户增长团队的一个大中台系统,单页应用,涵盖很多业务功能,运用了很多懒加载页面组件来提升性能,首屏时间 1s 左右,体验良好。然而大项目文件很多,导致构建和发布时间很长,内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上,而在于开发…
总结18个webpack插件,总会有你想要的!
何为插件(Plugin)?专注处理 webpack 在编译过程中的某个特定的任务的功能模块,可以称为插件。