首页
AI Coding
沸点
课程
直播
活动
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…