Webpack知识点脑图
2022-06-21 16:16:50 0 举报
AI智能生成
登录查看完整内容
Webpack知识点脑图
作者其他创作
大纲/内容
文档化
组件化
自动化
模块化
前端工程化
npm script
grunt
gulp
fis3
webpack
rollup
构建工具
理论
entry
bundle
plugin
loader
devserver
output
module
核心概念
target
devtool
watch
externals
其它
入门篇
ES6 babel
Typescript
Flow检查器
SCSS
PostCSS
JSX
npm模块发布
PWA离线工具
异常监控集成
埋点服务集成
代码检查
图片加载
SVG加载
字体图标
mock服务
SourceMap
实战
构建耗时分析
resolve配置webpack如何寻找模块所对应文件
优化resolve
CDN上减少webpack打包出来的js体积
缩小范围
noParse
IgnorePlugin
ParalleUglify
HappyPack
DLLplugin
子主题
多进程配置
ESBuild
替换高性能编译器
环境区分策略
HMR热更新
提高打包效率--运行时优化
可视化输出工具
输出结果分析
JS
CSS
压缩代码
CDN
Treeshaking
提取公共代码
入口点分割
动态加载分割
公共代码分割
代码分割chunck
prepack
按需加载和懒加载
作用域提升
Scope Hoisting
Servicework懒加载与预加载
prefetch与preloader
清除无用css
提高页面性能
分而治之
100个人一个项目永远不行
私有npm
模块联邦
pnpm
monorepo
生命周期管理
CLI工具
CI/CO
微前端
措施
前端架构工程化
优化
webpack工作流程
手写webpack
输出文件分析
模拟作用域链
手写treeshaking
手写loader
compiler
事件流
sourcemap自动上传插件
手写plugin
webpack源码解析与断点调试
原理篇
Vue-cli的webpack配置
Element-admin的webpack配置
element3的自动文档化webpack配置
antd-admin配置
他山之石
Bundle与Bundleless之争
Vite+ESmodule时代
展望
Webpack
0 条评论
回复 删除
下一页