Webpack全面实战企业级项目搭建

Webpack全面实战企业级项目搭建

资源简介：

资源大小：2.31 GB

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