webpack5学习指南——基础篇

我的课程

〇、课程介绍

第一章：为什么需要webpack

1.1.0为什么需要webpack

1.1.1如何解决作用域问题

1.1.2如何解决代码拆分问题

1.1.3如何让浏览器支持模块

1.1.4webpack与竞品

1.1.5本章小结

第二章：小试webpack

1.2.1-开发准备

1.2.2-安装Webpack.mp4

1.2.3-运行Webpack

1.2.4-自定义Webpack配置

1.2.5-本章小结

第三章：自动引入资源

1.3.1-什么是插件

1.3.2-使用HtmlWebpackPlugin

1.3.3-清理dist

1.3.4-本章小结

第四章：搭建开发环境

1.4.1-mode选项

1.4.2-使用source map

1.4.3-使用watch mode

1.4.4-使用webpack-dev-server

1.4.5-本章小结

第五章：资源模块

1.5.1-资源模块介绍

1.5.2-Resource资源

1.5.3-inline 资源

1.5.4-source资源

1.5.5-通用数据类型

1.5.6-本章小结

第六章：管理资源

1.6.1-什么是loader

1.6.2-加载CSS

1.6.3-抽离和压缩CSS

1.6.4-加载images图像

1.6.5-加载fonts字体

1.6.6-加载数据

1.6.7-自定义JSON模块parser

1.6.8-本章小结

第七章：使用 babel-loader

1.7.1-为什么需要babel-loader

1.7.2-使用babel-loader

1.7.3-regeneratorRuntime插件

1.7.4-本章小结

第八章：代码分离

1.8.1-代码分离方法

1.8.2-入口起点

1.8.3-防止重复

1.8.4-动态导入

1.8.5-懒加载

1.8.6-预获取-预加载模块

1.8.7-本章小结

第九章：缓存

1.9.1-输出文件的文件名

1.9.2-缓存第三方库

1.9.3-将js文件放到一个文件夹中

1.9.4-本章小结

第十章：拆分开发环境和生产环境配置

1.10.1-公共路径

1.10.2-环境变量

1.10.3-拆分配置文件

1.10.4-npm脚本

1.10.5-提取公共配置

1.10.6-合并配置文件

1.10.7-本章小结

您正在学习的是试看内容，报名后可学习全部内容报名课程

1.7.3-regeneratorRuntime插件

当前课程未解锁