webpack5学习指南——基础篇

课程介绍

课程收获

首先通过本课程，你将学会webpack配置，并拥有工程化的前端思维，理解webpack在前端工程化领域的作用及原理。
你将能够参与项目的打包配置，从工程化层面来优化开发环境、项目性能，落地面向前端业务的技术方案。
学习了webpack，我们就具备了面向前端架构的核心竞争力。

适用人群

webpack5课程适用于有一定前端知识基础的前端学习者及从业者——比如中高级前端工程师。如果你对webpack不甚了解，但又经常接触webpack配置相关的项目，那么毫无疑问，你此时正需要学习它。

课程简介

我们的webpack5课程分为四大部分，分别是webpack基础应用篇，webpack高级应用篇，webpack项目实战篇以及webpack内部原理篇。

其中，在基础应用篇我们将学习到webpack的基础配置方案，掌握webpack的各种基础配置项所对应的功能。
而在高级应用篇，我们将具体分析webpack的每个配置项，以及按需集成工程化模块，从而掌握定制项目配置的手段。
在项目应用篇中，我们将结合具体的项目案例，通过应用我们之前学到的webpack技术，来定制项目的工程化环境。真切地做到学以致用。
最后在内部原理篇中，我们将对webpack进行内部原理剖析，掌握webpack打包技术的底层实现。

购买须知：
1、本课程为虚拟产品，一经购买，概不退款（讲师特别声明除外）
2、在使用过程中，遇到任何问题，请邮件联系：pr@sifou.com
3、划线价说明：商品展示的划横线价格为参考价，并非原价。该价格仅供您参考。

课程目录

〇、课程介绍

0课程简介

6 分钟公开课

第一章：为什么需要webpack

第二章：小试webpack

第三章：自动引入资源

第四章：搭建开发环境

第五章：资源模块

第六章：管理资源

第七章：使用 babel-loader

第八章：代码分离

第九章：缓存

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

陆荣涛

webpack5学习指南——基础篇

课程介绍

课程收获

课程收获

适用人群

适用人群

课程简介

课程简介

课程目录

0课程简介

1.1.0为什么需要webpack

1.1.1如何解决作用域问题

1.1.2如何解决代码拆分问题

1.1.3如何让浏览器支持模块

1.1.4webpack与竞品

1.1.5本章小结

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-本章小结

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-本章小结

学员评价

5.0 暂无评价

相关课程

带领女程序员小白：一小时轻松掌握GIT入门知识

SpreadJS国产办公信息化系统搭建

前端程序员应该懂点 V8 知识

拥抱开源 DevOps，构建高效能全栈式团队

前端工程化的自动化构建和集成