首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Webpack
yanessa_yu
创建于2021-06-01
订阅专栏
构建过程 热更新原理 loader和plugin
暂无订阅
共13篇文章
创建于2021-06-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
webpack如何实现模块化加载
webpack如何管理所有所需模块之间的交互? 首先webpack添加了一些用于管理模块的代码(称为runtime) 当浏览器加载一个业务代码相关的js文件,webpack会向一个全局二维数组中添加一
微前端qiankun踩坑
主应用的某个页面使用手动加载微应用的方式: 注意:要在主应用页面卸载的时候将微应用卸载掉,否则再次进入该页面时页面空白。 子应用导出生命周期钩子 子应用是一个create-react-app项目,修改
从0搭建一个Webpack+Vue项目
npm init 安装webpack相关包 配置webpack 在根目录下新建config文件夹 在config文件夹下创建webpack.dev.config.js和webpack.prod.con
写一个babel插件实现loadsh按需打包的功能
https://juejin.cn/post/6844903584929169415 https://juejin.cn/post/7017744015936192542 背景 背景:当我们同时引入一
webpack-dev-server源码分析1:启动http服务/express,http升级WebSocket服务,webpack的watch
启动一个express 启动express方式一: 启动express方式二: 我们来看看express的listen()方法的实现源码 从express的listen()源码看,启动express的
webpack运行过程(3)
异步执行AsyncQueue下的_ensureProcessing()方法执行时 首先会遍历this._queued,但此时this._queued.length = 0 其次会遍历this.chil
webpack运行过程(2)
这是我参与11月更文挑战的第5天 webpack运行过程(1)中讲到 宏任务执行AsyncQueue的_ensureProcessing()方法,该方法内会遍历前面加入到AsyncAueue中的所有e
webpack运行过程(1)
合并配置项 实例化Compiler 加载所有插件 加载 入口插件EntryPlugin 实例化Compilation, 根据入口的数量,1次或多次调用该实例对象的addEntry()方法 简化版 实例
Webpack 之 buildModule
addEntry addModule buildModule _buildModule 调用子module的build方法 如果是JS文件,则调用webpack/lib/NormalModule.js
关于webpack重构建的问题跟踪
问题描述: 本地组件库修改后,使用yalc publish发布; 在项目中执行yalc update更新组件库; 问题: webpack有重新构建,但构建后的内容没有变更 调试跟踪 webpack/l
webpack4 升级webpack5
升级http-proxy-middleware 升级前版本为 ^0.18.0 升级后版本为 webpack多入口,插件HtmlWebpackPlugin配置chunks 当我们的webpack的配置多
webpack优化
打包速度优化 模块按需编译 参考链接:https://zhuanlan.zhihu.com/p/137120584 缓存编译结果 不怎么变的提前打包 DllPlugin和DllReferencePlu
webpack
loader 编写一个loader 新建一个文件夹webpack-loader-demo cd到上叙目录下,执行npm init,根目录下生成文件package.json 安装webpack和webp