【前端工程化】玩转Webpack配置

在现代化的前端开发中,webpack已经成为开发必备工具之一。webpack提供了非常灵活的配置方案,允许开发者以各种各样的形式进行DIY自己的配置。

但是强大的灵活性对于新手来说并不友好,初识webpack的开发者面对着文档里各种各样的配置,很可能会无从下手。

同时,官方文档的例子也过于简单,如何配置webpack使之能够支持更复杂的功能,满足开发、生产的不同需求,才是我们真正需要关心的内容。

本次讲座将会从实际项目出发,使用主流的“三个配置文件”的办法,从零开始教你如何进行webpack配置,最终搭建一套完整的开发/生产构建环境。

课前准备

本次讲座难度适中,对新手友好,更适合对前端工程化感兴趣,想要加深对webpack理解的同学。

目录

  • 从一个简单的例子认识webpack
  • 入口文件和输出文件
  • 认识webpack-loader和webpack-plugin
  • 打包后路径的相关问题
  • webpack-dev-server配置介绍
  • 三文件配置方案
  • 优化webpack的打包性能
  • 学习写一个vue-loader
  • 学习写一个vue-plugin

同学们可以加我的交流QQ群:527408012,做进一步的探讨!

期待和大家的分享交流!

购买须知:
1、本课程为虚拟产品,一经购买,概不退款(讲师特别声明除外)
2、在使用过程中,遇到任何问题,请邮件联系:pr@sifou.com
3、划线价说明:商品展示的划横线价格为参考价,并非原价。该价格仅供您参考。

版权声明:讲者在本产品上发表的全部原创内容(包括但不限于文字、视频、图片等)著作权均归讲师本人所有。未经讲师授权许可,观众用户不得以任何载体或形式使用讲师的内容。

4.9 7条评价

霸霸霸霸天虎丶 · 2018-06-04

声音有点小

答案在风中飘着 · 2018-04-24

例子的源码哪里能找到

Ihoey · 2018-03-24

讲的还不错,感觉有点慢需要加速看

AnnVoV · 2018-03-18

真的讲的很好啊!希望老师下次能做一次webpack源码解析相关的讲座!手动点赞!

悦和 · 2018-01-22

讲得挺好 很适合小白~

方旭 · 2018-01-20

讲得挺好的,也有事先好好备课,但是录课的环境实在是在嘈杂了……

nada · 2017-11-17