起笔于2019-4-17,按官网文档重新整理指南顺序,用更通俗易懂的语言,从基础 - 进阶 -
实战一步步深入,目标是让阅读本系列的朋友能完全掌握webpack4的用法,并能随心搭建高性能的自动化环境。
版本信息:
- "node": "10.15.1",
- "webpack": "4.29.6",
- "webpack-cli": "3.3.0"
正在连载中,暂定内容如下:
目录
基础
- webpack简介
- 起步
- 基本配置与mode
- entry与output
- 使用plugins
- 使用loader之打包图片
- 使用loader之打包样式上
- 使用loader之打包样式下
- webpack-dev-server上
- webpack-dev-server下
- babel编译es6
- source-map
进阶
- 摇树优化(tree shaking)
- 区分开发和生产环境
- 代码分隔(code spliting)上
- 代码分隔(code spliting)中
- 代码分隔(code spliting)下
- 懒加载
- css代码分隔
- 编写一个loader
- 编写一个plugin
实践
附加
- vue-cli与vue-loader介绍
- angular-cli@7介绍
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。