WebPack4.x搭建项目模块化压缩打包视频课程【共11课时】

张鹏认证讲师讲师评分4.8学员364026课程31

曾就职于联想集团和当当网，拥有多年web前端和后端开发经验，参与并负责过多个项目，4年授课经验，曾在百度专业培训过网络营销课程，有丰富的项目实战经验以及授课经验，授课风趣幽默,讲解独到。

畅销套餐
精选套餐
人气套餐
尊享套餐
高薪套餐

WEB前端【从基础到框架】完整系列课程

JavaScript从0基础与实战案例以及完成效果全套视频课程

101608人学习

￥109.00

JQuery从0基础与实战案例以及完成效果全套视频课程

34737人学习

￥55.00

HTML5和CSS3移动端开发全套视频教程

6738人学习

￥105.00

更多 21 门课程

打造专业级HTML5前端开发工程师系列学习专题

HTML+CSS | WEB前端零基础实战课程

JavaScript从0基础与实战案例以及完成效果全套视频课程

JavaScript - Vue经典实战教程60讲

103986人学习

￥68.00

JavaScript - React经典教程系列

76050人学习

￥98.00

Node.JS - KOA.JS快学快用50讲

JavaScript - Vue经典实战教程60讲

103986人学习

￥68.00

JavaScript - React经典教程系列

76050人学习

￥98.00

Node.JS - KOA.JS快学快用50讲

1808人学习

￥148.00

更多 5 门课程

课程介绍
课程大纲

适合人群：

想了解项目打包以及WebPack最新版本的学员

你将会学到：

本课程主要介绍了WebPack4版本的相关内容，为了让更多人了解WebPack打包项目以及loader和插件的使用，更轻松的利用WebPack结合其他框架来开发项目。

课程简介：

本课程主要分为：

1》WebPack说明以及简单打包

2》WebPack.config.js的相关配置

3》入口、出口、loader、插件的配置和使用

4》打包Html,CSS,img等

5》Babel配置

6》插件引入

展开更多

课程大纲-WebPack4.x搭建项目模块化压缩打包视频课程

第1章webpack前言(21分钟2节)
1-1
webpack简介本节课主要介绍webpack是什么以及webpack可以做什么，在项目中可以干什么，带来什么方便的相关内容
「仅限付费用户」点击下载“01.zip”
[09:59]开始学习
1-2
webpack安装和简单打包本节课主要介绍一下webpack4.x版本的安装以及简单的命令打包操作
「仅限付费用户」点击下载“02笔记.zip”
[11:12]开始学习
第2章webpack配置(54分钟4节)
2-1
webpack.config讲解和使用本节课对于webpack.config.js配置文件进行讲解，webpack配置核心都在本文件中，这节课配置了入口和出口
「仅限付费用户」点击下载“03笔记.zip”
[12:06]开始学习
2-2
webpack-dev-server这节课主要让大家了解webpack中的本地服务器（dev－server）的基本配置和实时刷新使用
「仅限付费用户」点击下载“04笔记.zip”
[11:22]开始学习
2-3
css-loader和file-loader本节课重要介绍了webpack中的loader配置，包括css-loader以及file-loader
「仅限付费用户」点击下载“05笔记.zip”
[16:10]开始学习
2-4
webpack插件本节课主要介绍了webpack中的插件相关内容，html-webpack-plugin插件以及相关配置，压缩打包html文件
「仅限付费用户」点击下载“06笔记.zip”
[15:11]开始学习
第3章webpack更多配置(41分钟5节)
3-1
HTML的img本节课主要解决css中可以引入背景图片了，而咱们的html中img路径就出问题，主要解决html中img在webpack中怎么配置
「仅限付费用户」点击下载“07笔记.zip”
[06:15]开始学习
3-2
字体图标这节课主要介绍了webpack中使用字体图标怎么处理，需要配置file-loader并且添加了bootstrap中的图标作为事例
「仅限付费用户」点击下载“08笔记.zip”
[08:45]开始学习
3-3
提取分离css本节课讲述了如何利用插件提取分离出css，并且让css压缩打包
「仅限付费用户」点击下载“09笔记.zip”
[08:57]开始学习
3-4
引入第三方文件(jquery,bootstrap)本节课主要介绍了webpack4.x中引入jquery这种库的方式和方便性
「仅限付费用户」点击下载“11笔记.zip”
[06:54]开始学习
3-5
babel本节课主要介绍了babel的配置和使用，解决es6浏览器不支持转换es5的两种配置方式
「仅限付费用户」点击下载“10笔记.zip”
[10:41]开始学习