首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
张龙德
更多收藏集
微信扫码分享
微信
新浪微博
QQ
5篇文章 · 0订阅
webpack分析工具
stats是控制 webpack 如何打印出开发环境或者生产环境的打包结果信息。如果是开发环境使用 WDS,还可以在devServer.stats配置。 这些信息可以通过devServer.info - CLI only来禁用,本来这些东西也没啥用,这样再配合一些 webpac…
借助 Webpack 静态分析能力实现代码动态加载
对策是要基于原因的,不是基于现象的。 最后从 Webpack 的角度利用静态代码分析的能力来解决问题。 用了 require.ensure 这种方式来异步加载代码,代码执行到这一段的时候才去拉 JS,所以会出现比 ajax 还慢的情况,它是异步的。直接阻塞了后面 new Wor…
webpack loader和plugin编写
首先我们先回顾一下webpack常见配置,因为后面会用到,所以简单介绍一下。 这里面我们重点关注 module和plugins属性,因为今天的重点是编写loader和plugin,需要配置这两个属性。 通过逐层识别模块依赖。(Commonjs、amd或者es6的import,w…
【webpack进阶】可视化展示webpack内部插件与钩子关系📈
webpack的成功之处,不仅在于强大的打包构建能力,也在于它灵活的插件机制。 也许你了解过webpack的插件与钩子机制;但你或许不知道,webpack内部拥有超过180个钩子,这些钩子与模块(内置插件)之间的「创建」「注册」「调用」关系非常复杂。因此,掌握webpack内部…
【webpack系列】webpack内部机制
webpack本质上可以将其理解为是一种基于事件流的编程范例,一系列的插件运行。 1. webpack启动过程分析 1. 运行webpack 2. 查找webpack入口文件 在运行以上命令后,npm 会让命令行工具进入 node_modules.bin 目录查找是否存在 we…