webpack4.x入门到进阶

231人 购买 好评度 100% 收藏
  • webpack4.x
更多班级

webpack4.x

支持随到随学,23年03月过期

¥30.00

本班因教学质量问题暂时不能报名。 查看详情

课程因违反平台规定暂时不能报名。

立即购买 咨询 在线 电话

课程概述

课程目录

学员评论

老师介绍

牧码人-Strive

牧码人-Strive

陈潇冰(老潇、Strive),超过12年开发及教学经验,熟练使用JAVA, PHP,Node, 系统架构、负载均衡、HTML5等众多技术,中国第一批个人站长,深度参与国内外众多开源项目,拥有深厚的技术经验积累、对软件开发行业有自己的独特理解,深刻理解国内互联网技术的发展趋势、企业人才梯队建设及用人需求。
简  介 本课程由老潇(陈潇冰)带大家,快速掌握webpack4.x的使用,包含工作中常用的插件使用,技巧使用、以及学习思路,零基础可以很好的入门,有经验的人可以系统学习。


课程详情(本课程所涉及内容)
1. webpack是什么?webpack的作用
2. webpack的整体构成
3. webpack-cli、package.json
4. 开发环境(development)和生产环境(production),npm安装包的方式,-D、-S
5. 跑一跑webpack
6. webpack.config.js配置总览
7. 入口配置形式,出口path路径注意事项
8. 配置文件改名
9. npm scripts
10. 体验 webpack4.x 零配置, --mode 配置区别
11. 多入口打包,多入口多出口
12. html-webpack-plugin详解,含: template、hash、minify、多页面配置,多页面引入自己文件
13. clean-webpack-plugin
14. devServer、contentBase、自动打开浏览器、热更新
15. loaders多种写法, 处理css文件
16. webpack3.x之前压缩与现有模式压缩对比
17. 处理图片、背景图片,limit, 以及路径问题
18. 分离css文件,extract-text-webpack-plugin@next、mini-css-extract-plugin,以及遇见的一些问题
19. 处理less文件,以及分离less文件
20. 处理sass文件、以及分离sass文件
21. PostCss、autoprefixer、自动添加浏览器前缀、以及提取
22. 优化css,消除冗余css、PurifyCss
24. webpack3.x之前调试(SourceMap)和webpack4.x调试方式
25. babel配置,以及jsx语法支持,react配置
26. 模块化配置、模块定义、模块使用、注意的地方
27. json配置使用
28. 静态资源优雅输出、如何更好的学习插件
29. 第三方库使用的两种方式,以及推荐, import和 ProvidePlugin
30. 优化js,提取三方js,CommonsChunkPlugin、optimization.splitChunks

欢迎大家入群:
官方群: 651661013


 

资料下载报名后支持下载

* 课程提供者:牧码人

老师还为你推荐了以下几门课程