webpack可以做什么?
本系列文章的webpack版本未webpack4
主要用来打包资源
- 代码转换:es6->es5 sass/less->css
- 文件优化: 合并文件 压缩代码
- 代码分割: 公共模块抽离和懒加载
- 模块合并: 多个模块的合并
- 自动刷新: 代码热更新
- 代码校验: eslint等校验
- 自动发布: 自动发布脚本
前置
- node基础
- npm基础
- JavaScript(es6)语法
大纲
- webpack的常见配置
- webpack的高级配置
- webpack优化策略
- ast抽象语法树
- webpack的Tapable
- webpack流程,及实现webpack
- 实现webpack常见的loader
- 实现webpack常见的plugin
网友评论