首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
打包工具
订阅
modaohuohuo
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
rush + pnpm + ts + monorepo 脚手架开发之环境篇一
rush + pnpm + ts + menorepo 开发脚手架之环境篇一,本文将详细介绍如何用 pnpm 来搭建 menorepo 的开发环境
qiankun使用webpack5 module federation实践
微前端使用module federation的单独构建颗粒化到组件。qiankun 是否能用module federation?
10 分钟搞懂 Vite devServer,速来围观!
分析 Vite version:2.2.3,和我来一场 vite server 探寻之旅吧~(*❦ω❦)
Webpack 实现 Tree shaking 的前世今生
众所周知,原本不支持 tree-shaking 的 Webpack 在它的 2.x 版本也实现了 tree-shaking,好奇心又来了,rollup 从一开始就自实现了 tree-shaking,而
深入webpack打包原理,loader和plugin的实现
1. webpack打包基本原理 1. 处理单个模块(以入口为例) 我们可以看到,入口文件index.js的所有内容都以字符串形式输出了,我们接下来可以用正则表达式或者其它一些方法,从中提取到import以及export的内容以及相应的路径文件名,来对入口文件内容进行分析,获取…
前端领域的转译打包工具链(下):工程化闭环
这是前端领域的转译打包工具链的第二篇文章,上篇文章讲了前端领域的各种转译器,包括 babel、tsc、terser、eslint、postcss、posthtml、swc 等,介绍了他们各自的用途和通
webpack打包原理 ? 看完这篇你就懂了 !
[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 [实践系列]你能手写一个 Promise 吗?Yes I promise。 有兴趣的同学可以关注 [实践系列] 。 求 star 求 follow~ 入口起点(entry point)指示 webpack 应该使用哪个…
【Webpack 进阶】聊聊 Webpack 热更新以及原理
模块热替换(hot module replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新所有类型的模块,而无需完全刷新 一种是页面刷新,不保留页面状态,就是简单粗暴,直接 window.location.reload()。 另一种是基…
彻底搞懂webpack原理:手写webpack核心代码
面试经常问到的一个问题就是webapck的原理,要理解一个东西的原理,最深刻的方式就是自己去实现一次。下面我们就一起手写webpack核心代码,彻底搞懂webpack原理。 1、能将模块化的js文件,打包生成一个js文件,模块中的ES6代码转换为ES5代码,在html文件中引入…
Web性能优化(七):webpack性能优化
在前一篇文章中,基础 webpack 环境已经搭建起来了,可以愉快地在上面写代码了。 但还不够,以上配置只是一个最基础的配置。我们还想要做一些优化方面的配置。优化有两个方面: 接下来,就来看看对应的配置是怎样的吧。(文末会有对应配置的完整代码文件) 在调试过程中,为了体验更好,…