
课程介绍:
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。课程内容通从Webpack基础一路直击高级企业项目实战,是Webpack非常有参考意义的学习课程。
课程目录:
01_1_1_课程介绍.mp4 |
02_2_1_webpack的安装.mp4 |
03_2_2_webpack_cli的使用.mp4 |
04_2_3_npx的原理介绍.mp4 |
05_2_4_webpack的应用场景.mp4 |
06_2_5_webpack的基础配置.mp4 |
07_2_6_将webpack命令配置到package_json.mp4 |
08_2_7_watch模式.mp4 |
09_2_8_webpack_dev_server的基本使用.mp4 |
10_2_9_html_webpack_plugin的使用_html插件_.mp4 |
11_2_10_webpack_dev_middleware的基本使用.mp4 |
12_2_11_自动编译工具小结.mp4 |
13_2_12_loader_处理css文件.mp4 |
14_2_13_loader_处理less和sass文件.mp4 |
15_2_14_loader_处理图片和字体文件.mp4 |
16_2_15_loader_自定义图片打包目录和打包名称.mp4 |
17_2_16_loader_处理js文件之babel的基本使用.mp4 |
18_2_17_loader_处理js文件之转换更高级的语法.mp4 |
19_2_18_loader_处理js文件之转换generator的语法.mp4 |
20_2_19_loader_处理js文件之使用_babelrc配置文件.mp4 |
21_2_20_loader_处理js文件之高版本的原型方法转义.mp4 |
22_2_21_source_map的使用.mp4 |
23_2_22_插件_clean_webpack_plugin.mp4 |
24_2_23_插件_copy_webpack_plugin.mp4 |
25_2_24_插件_BannerPlugin.mp4 |
26_3_1_HTML中img标签的图片资源处理.mp4 |
27_3_2_多页应用打包.mp4 |
28_3_3_第三方库的两种引入方式.mp4 |
29_3_4_区分环境配置文件打包.mp4 |
30_3_5_区分环境配置文件打包_配置文件归类.mp4 |
31_3_6_定义环境变量区分开发环境与生产环境.mp4 |
32_3_7_跨域问题简介及常用的解决方案.mp4 |
33_3_8_使用http_proxy解决跨域问题.mp4 |
34_3_9_HMR的使用.mp4 |
35_4_1_production模式打包自带优化_tree_shaking.mp4 |
36_4_2_production模式打包自带优化_scope_hoisting.mp4 |
37_4_3_css优化_将css提取到独立的文件中.mp4 |
38_4_4_css优化_自动添加css前缀.mp4 |
39_4_5_css优化_开启css压缩.mp4 |
40_4_6_js代码分离_CodeSplitting简介.mp4 |
41_4_7_js代码分离_手动配置多入口实现代码分割.mp4 |
42_4_8_js代码分离_多入口打包抽取公共代码.mp4 |
43_4_9_js代码分离_动态导入的基本使用.mp4 |
44_4_10_js代码分离_静态导入的问题.mp4 |
45_4_11_js代码分离_动态导入的好处.mp4 |
46_4_12_SplitChunksPlugin的配置参数_chunks.mp4 |
47_4_13_SplitChunksPlugin的配置参数_通用配置.mp4 |
48_4_14_SplitChunksPlugin的配置参数_cacheGroups.mp4 |
49_4_15_提高构建性能_noParse.mp4 |
50_4_16_提高构建性能_IgnorePlugin简介.mp4 |
51_4_17_提高构建性能_moment简介.mp4 |
52_4_18_提高构建性能_IgnorePlugin的使用.mp4 |
53_4_19_提高构建性能_使用noParse的注意事项.mp4 |
54_4_20_提高构建性能_DllPlugin简介.mp4 |
55_4_21_提高构建性能_Vue环境部署及问题说明.mp4 |
56_4_22_提高构建性能_使用DllPlugin打包Vue全家桶.mp4 |
57_4_23_提高构建性能_使用DllReferencePlugin关联Dll库.mp4 |
58_4_24_提高构建性能_使用add_asset_webpack_plugin自动添加js引用.mp4 |
59_4_25_提高构建性能_使用DllPlugin打包React全家桶.mp4 |
60_4_26_Happypack多进程打包.mp4 |
61_4_27_合理利用浏览器缓存提高访问速度.mp4 |
62_4_28_BundleAnalysis打包分析.mp4 |
63_4_29_覆盖率概念介绍.mp4 |
64_4_30_Prefetching优化首屏加载速度和动态导入的加载速度.mp4 |
65_5_1_课程目标介绍.mp4 |
66_5_2_项目准备工作.mp4 |
67_5_3_bundle文件分析.mp4 |
68_5_4___webpack_require__函数详解.mp4 |
69_5_5_依赖分析_加载index_js文件内容.mp4 |
70_5_6_依赖分析_使用AST将require替换为__webpack_require__.mp4 |
71_5_7_依赖分析_使用AST替换路径.mp4 |
72_5_8_依赖分析_递归构建modules对象.mp4 |
73_5_9_使用模板引擎拼接并输出最终的bundle文件.mp4 |
74_5_10_loader_简介.mp4 |
75_5_11_loader_实现一个最简单的loader.mp4 |
76_5_12_loader_分类和加载顺序.mp4 |
77_5_13_loader_获取options的配置.mp4 |
78_5_14_loader_给itheima_pack添加loader功能.mp4 |
79_5_15_loader_处理不同类型的use属性.mp4 |
80_5_16_loader_处理不同类型的use属性代码优化.mp4 |
81_5_17_plugin_简介.mp4 |
82_5_18_plugin_生命周期钩子介绍.mp4 |
83_5_19_plugin_实现一个最简单的plugin.mp4 |
84_5_20_plugin_实现html_webpack_plugin的步骤.mp4 |
85_5_21_plugin_Compiler和Compilation的区别.mp4 |
86_5_22_plugin_实现html_webpack_plugin.mp4 |
87_5_23_plugin_Tapable简介.mp4 |
88_5_24_plugin_Tapable的基本使用.mp4 |
89_5_25_plugin_利用Tapable实现itheima_pack的plugin功能.mp4 |
90_6_1_课程总结.mp4 |
本站所有资源均来自网络,版权归原作者所有,本站仅提供收集与推荐,若侵犯到您的权益,请【给我们反馈】,我们将在24小时内处理!
聚资料(juziliao.com)免责声明:
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!(gm@juziliao.com)
2. 分享目的仅供大家学习和交流,请不要用于商业用途!如需商用请联系原作者购买正版! 3.如有链接无法下载、失效或洽谈广告,请联系网站客服(微信:shangen0228)处理!