视频教程webpack3.x视频教程 全网首发

Posted 前端早读课

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了视频教程webpack3.x视频教程 全网首发相关的知识,希望对你有一定的参考价值。

前言

webpack的配置,谁用谁知道。今天双十一,有打折~


讲师介绍


@技术胖


网名:技术胖,10年一线互联网程序开发经验(仍在前端领域奋力搬砖),做过J2EE和php,现在主要关注前端技术。每年帮助50万以上前端爱好者学习。 除程序员身份之外,讲师还有以下身份(只在装逼时使用)。 掘金专栏作者,GitChat特邀讲师,纯金UED金牌讲师,CSDN学院知名讲师,百度传课前端讲师。

学习前知

  • 你需要会基本的javascript知识。

  • 会基本的使用node中的npm,其实在文中作了基本讲解。

  • 前端爱好者,会基本的html和CSS 知识。

学完后获得什么?

  • 你将可以更加了解webpack的配置原理。

  • 掌握最新版本webpack3.x的特性。

  • 能独立使用webpack配置项目。

  • 达到P6级别webpack水平。

  • 学会以后自学webpack的方法和技巧。

课程大纲

课程是视频教程,一共24集,每集15分钟左右,共5个多小时的视频讲解。

第一章:初识webpack3.x

  • 认识webpack 和安装  24:34

  • 让你快速上手一个Demo 案例 15:06

第二章:插件与配置

  • 入口和出口配置 14:43

  • 服务和热更新 11:10

  • 打包CSS 文件 14:06

  • JS代码压缩配置 08:40

  • HTML 文件的打包 12:09

第三章:HTML/CSS/JS处理 时长

  • webpack配置CSS中引用图片 14:28

  • CSS分离和publicPath的使用细节 15:05

  • HTML中的图片打包 11:19

  • webpack打包和分离LESS文件 13:38

  • webpack打包盒分离SASS/SCSS文件 09:29

  • 用postcss自动添加CSS属性前缀 10:08

  • 消除无用的CSS属性 11:56

  • Babel转换ES6的技巧和配置 13:08

  • 打包后如何调试代码 10:30

第四章:实战技巧

  • 实战中开发和生产环境并行技巧 20:49

  • 实战中如何模块化配置webpack 10:54

  • 实战时优雅打包第三方类库 11:42

  • watch正确使用方法 11:52

  • 实战webpack优化黑技能 16:02

  • 集中拷贝静态资源 08:17

  • JSON配置文件的使用 09:37

剧终:倾囊传授,让你持续精进 07:02




以上是关于视频教程webpack3.x视频教程 全网首发的主要内容,如果未能解决你的问题,请参考以下文章

全网最好的原创 Webpack 2 视频教程

Kotlin学习资料大全,附学习视频首发

绝了!这可能全网最简单的B站视频下载教程

千锋_2020最新_C++全套视频教程(首发)高清完整资源

安卓版看全网VIP视频软件分享

JVM从入门到精通视频教程首发!连载更新模式开启!