重学webpack系列文章,系统性学习webpack

目的

重学webpack系列,是本身在平常的开发中,学习到的关于前端工程化的小知识点的总结和再学习,经过书写的方式输出,造成本身的知识体系 前端

同时,但愿经过此次的整合和学习,能掌握如下的知识:webpack

  1. 弄懂webpack的基础应用。
  2. 会进行资源的优化。
  3. 了解webpack内部的工做流。
  4. 总结再学习。

总体学习思路导航

webpack-demo项目的代码git

已完成:github

基础篇web

  1. 重学webpack之基础篇(一):webpack的基础认识
  2. 重学webpack之基础篇(二):前端基本开发环境的搭建
  3. 重学webpack之基础篇(三):配置loader和plugin
  4. 重学webpack之基础篇(四):webpack-dev-server浅析
  5. 重学webpack之基础篇(五):配置开发、测试、生产环境

优化篇前端工程化

  1. 重学webpack之优化篇(一):优化静态资源
  2. 重学webpack之优化篇(二):优化配置提升构建速度
  3. 重学webpack之优化篇(三):http压缩之Gzip
  4. 重学webpack之优化篇(四):webpack DllPlugin配置的代替方案hard-source-webpack-plugin

原理篇webpack-dev-server

  1. 重学webpack之原理篇(二):hash、chunkhash、contenthash

编写中:学习

  1. 重学webpack之原理篇(一):webpack的工做流程和原理
  2. 重学webpack之原理篇(三):webpack-dev-server原理
  3. 重学webpack之原理篇(四):手写loader
  4. 重学webpack之原理篇(五):手写plugin

指望经过这个课程学习到啥

  1. webpack的详细认识和使用。
  2. 能灵活在已有脚手架的基础上,进行配置调整升级。
  3. 知识整合与应用。
相关文章
相关标签/搜索