扫码下载「CSDN程序员学院APP」,1000+技术好课免费看
APP订阅课程,领取优惠,最少立减5元 ↓↓↓
订阅后:请点击此处观看视频课程
视频教程-2019年模块化打包工具webpack4教程webpack4入门到进阶webpack视频教程-其他
学习有效期:永久观看
学习时长:300分钟
学习计划:5天
难度:低
「口碑讲师带队学习,让你的问题不过夜」
讲师姓名:张颜源
开发组长/高级工程师/技术专家
讲师介绍:7年的开发架构经验,曾就职于国内一线互联网公司,开发工程师,现在是某创业公司技术负责人, 擅长语言有node/java/python,专注于服务端研发,人工智能相关领域, 熟悉分布式高可用系统的架构,大数据处理,微信开放平台支付等业务
☛点击立即跟老师学习☚
「你将学到什么?」
webpack4入门到进阶视频教程是2019年1月份录制,本套课程分为6章25节。从零基础入门到进阶详细讲解,环境配置,npm安装依赖,webpack的打包配置,entry入口及output出口,安装及搭配loader加载css、js、less、sass等文件,编译es6语法,本地服务器的配置,自动刷新,了解模块热替换,讲解如何引入第三方库,resolve解析配置
「课程学习目录」
第1章:webpack4前言 |
1.webpack4入门到进阶案例实战课程介绍 |
2.webpack模块化打包概念介绍 |
3.webpack开发环境准备及常用打包模式介绍 |
第2章:webpack4配置 |
1.webpack核心配置config文件的初使用 |
2.webpack常用配置之入口entry和出口output的进阶用法 |
3.开发调试必备配置之本地服务器webpack-dev-server的搭建 |
第3章:webpack4 loader |
1.加载css所需loader及其使用方式(style-loader和css-loader) |
2.webpack如何编译less和sass文件 |
3.使用PostCSS自动添加css3浏览器前缀 |
4.webpack文件处理(file-loader)- 图片处理 |
5.webpack文件处理(file-loader)- 字体文件处理 |
6.webpack文件处理(file-loader)- 第三方js库处理 |
7.使用babel-loader编译ES6语法 |
第4章:webpack4 插件 |
1.根据HTML模板自动生成HTML(html-webpack-plugin) |
2.提取分离打包(ExtractTextPlugin、mini-css-extract-plugin) |
3.压缩css及优化css结构(optimize-css-assets-webpack-plugin) |
4.运用webpack插件拷贝静态文件(copy-webpack-plugin) |
5.webpack插件之clean-webpack-plugin清除文件 |
第5章:webpack4 其他配置 |
1.webpack处理HTML内嵌图片 |
2.webpack调试必备配置之SourceMap的类型介绍及其使用方式 |
3.webpack开发调试必备功能之模块热替换HMR |
4.区分生产环境和开发环境的配置 |
5.webpack打包优化技巧(1) |
6.webpack打包优化技巧(2) |
第6章:webpack4 课程总结 |
1.课程核心知识回顾和总结 |
「7项超值权益,保障学习质量」
- 大咖讲解
技术专家系统讲解传授编程思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑,扫清学习障碍,自学编程不再难。
- 课程资料+课件
超实用资料,覆盖核心知识,关键编程技能,方便练习巩固。(部分讲师考虑到版权问题,暂未上传附件,敬请谅解)
- 常用开发实战
企业常见开发实战案例,带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看,送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景,开发编程语言系统学习需求,不受空间、地域限制。
「什么样的技术人适合学习?」
- 想进入互联网技术行业,但是面对多门编程语言不知如何选择,0基础的你
- 掌握开发、编程技术单一、冷门,迫切希望能够转型的你
- 想进入大厂,但是编程经验不够丰富,没有竞争力,程序员找工作难。
「悉心打造精品好课,5天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进,帮助用户轻松掌握
掌握其他知识,扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验,全方位构建出系统化的技术知识脉络,同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力,系统学习大厂技术方法论,可复用在日后工作中。
「你可以收获什么?」
webpack4入门到进阶 新版本 基础理论+打包实操
详细讲解webpack打包配置、loader预处理文件及plugin插件接口
本地服务器搭建、模块热替换、resolve解析、编译es6语法
soucemap调试、代码压缩、提取分离css、构建性能优化