- 畅销套餐
- 精选套餐
- 人气套餐
- 尊享套餐
- 高薪套餐
- 课程介绍
- 课程大纲
适合人群:
1.对模块化开发有一些了解 2.适合有一定前端基础的同学 3.对打包有一个基本的概念 4帮助学生简单精准快速入门webpack!
你将会学到:
实现前端工程化打包
- 理解web打包概念
- 掌握webpack安装方法
- 理解webpack的五个核心
- 掌握webpack的文件处理
- 掌握webpack的vue处理
课程简介:
授课特色:
由浅入深,情景教学、案例教学
作为一个现代javascript 应用程序的静态模块打包器,webpack能将各种资源,如js,css, 图片等作为模块来处理,是当下前端工程化的一个很受欢迎的工具,webpack目前最新的版本是4.0。
Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。
Webpack已经是大部分前端项目打包工具,比如最热门前端框架之一React,用它开发的项目都是用webpack进行模块化管理和打包。
1、webpack工具的安装
2、服务安装与启动
3、html打包
3,布局图片打包
4、内容图片打包
5、ES6打包
webpack-热门的模块加载器兼打包工具
webpack介绍
webpack作用
browerify和webpack的区别
webpack的安装
webpack编译第一个例子
loader加载其他类型文件
webpack.config.js
用其他名字的配置文件
生产环境编译
开发环境编译
监听文件变化
生成source-map
babel配置
babelrc文件的作用
webpack-dev-server
端口号更改
热重载、实时刷新
课程大纲-【Webpack5.x / Webpack】模块化打包工具.实战视频教程
第1章webpack安装和配置(22分钟9节)
第2章webpack命令(2小时6分钟8节)
“张晨光”老师的其他课程更多+