玩转 webpack ,从零基础到实战高手,夸克网盘资源,免费下载。
近几年来,前端领域飞速发展,工作早已不再是切几张图,写几个页面那么简单,而是需要前端开发者更加专注业务需求。webpack,就是这么一款工具,将前端不断出现的新模块、新资源、新需求,进行自动化整合、梳理、输出,极大提高了我们的工作效率。
同时,webpack 凭借着自身社区生态丰富,配置灵活和插件化扩展,官方更新迭代速度快等优点,已成为前端构建领域里最炙手可热的构建工具。在 GitHub 上,webpack 也拥有着 48.8k 的 star。
可是,不少前端人,对于 webpack 的使用和了解只停留在了 20% 的基础功能上。每天开发写 npm run dev,该上线了按 npm run build,执行个命令,webpack 就帮你打包好了。
很多人根本不知道,这整个过程究竟发生了什么,导致之后出现问题,也无法对症下药,无从下手。以下这些情景,你肯定或多或少都遇到过:
拿到一份用 vue-cli 和 create-react-app 生成的 webpack 配置,却不知道它们的含义;
想要深入了解 webpack 内部原理,但发现看不懂 webpack 源码,也不知该从何下手;
在做项目构建时,遇到速度或体积的问题时,发现自己拿不出一套完善的优化思路;
在社区的插件和 loader 不满足实际项目时,却无法自定义出一个定制化的插件和 loader,来解决眼下的问题。
其实,掌握 webpack 是具有一定的学习曲线和成本的。如何理解 webpack “一切皆为模块”的打包理念?如何快速掌握 webpack 的构建配置?如何让 webpack 成为升职加薪利器,而不是成为一名“ webpack 配置工程师”?
整个课程基于最新版 webpack 4 设计,遵循由浅入深的原则,将内容分为 4 个阶段。
基础篇:从最基础的知识讲起,由浅入深,教你掌握 webpack 的核心概念和开发必备技巧。
进阶篇:带你编写 webpack 构建配置的同时,轻松掌握构建速度和体积的优化策略。
原理篇:抽丝剥茧,通过 webpack 源码,让你了解 webpack 内部的运行原理的同时,也具备编写自定义 loader 和插件的能力。
实战篇:从一个 Web 商城项目出发,讲解 webpack 如何运用到实际的项目中,并且最大化地提升开发阶段和发布阶段的构建体验。
无论你是对 webpack 一无所知的初学者,还是经验丰富的前端工程师,都能够通过这个课程,提升对 webpack 的理解,建立属于你自己的 webpack 知识体系,并在工作中能够高效的使用 webpack,完成各类前端项目的打包构建工作。
├── 01丨课程介绍.mp4
├── 02丨内容综述.mp4
├── 03丨为什么需要构建工具.mp4
├── 04丨前端构建演变之路.mp4
├── 05丨为什么选择webpack.mp4
├── 06丨初识webpack.mp4
├── 07丨环境搭建:安装webpack.mp4
├── 08丨webpack初体验:一个最简单的例子.mp4
├── 09丨通过npm script运行webpack.mp4
├── 10丨webpack核心概念之entry用法.mp4
├── 11丨webpack核心概念之output.mp4
├── 12丨webpack核心概念之loaders.mp4
├── 13丨webpack核心概念之plugins.mp4
├── 14丨webpack核心概念之mode.mp4
├── 15丨解析ES6和React JSX.mp4
├── 16丨解析CSS、Less和Sass.mp4
├── 17丨解析图片和字体.mp4
├── 18丨webpack中的文件监听.mp4
├── 19丨webpack中的热更新及原理分析.mp4
├── 20丨文件指纹策略:chunkhash、contenthash和hash.mp4
├── 21丨HTML 、CSS和JS代码压缩.mp4
├── 22丨自动清理构建目录产物.mp4
├── 23丨PostCSS插件autoprefixer自动补齐CSS3前缀.mp4
├── 24丨移动端CSS px自动转换成rem.mp4
├── 25丨静态资源内联.mp4
├── 26丨多页面应用打包通用方案.mp4
├── 27丨使用sourcemap.mp4
├── 28丨提取页面公共资源.mp4
├── 29丨treeshaking的使用和原理分析.mp4
├── 30丨ScopeHoisting使用和原理分析.mp4
├── 31丨代码分割和动态import.mp4
├── 32丨webpack和ESLint结合.mp4
├── 33丨webpack打包组件和基础库.mp4
├── 34丨webpack实现SSR打包(上).mp4
├── 35丨webpack实现SSR打包(下).mp4
├── 36丨优化构建时命令行的显示日志.mp4
├── 37丨构建异常和中断处理.mp4
├── 38丨构建配置包设计.mp4
├── 39丨功能模块设计和目录结构.mp4
├── 40丨使用ESLint规范构建脚本.mp4
├── 41丨冒烟测试介绍和实际运用.mp4
├── 42丨单元测试和测试覆盖率.mp4
├── 43丨持续集成和TravisCI.mp4
├── 44丨发布到npm.mp4
├── 45丨Git丨Commi规范和changelog生成.mp4
├── 46丨语义化版本(Semantic丨Versioning)规范格式.mp4
├── 47丨初级分析:使用webpack内置的stats.mp4
├── 48丨速度分析:使用speed-measure-webpack-plugin.mp4
├── 49丨体积分析:使用webpack-bundle-analyzer.mp4
├── 50丨使用高版本的webpack和Node.mp4
关注公众号
防丢失不迷路
紧急通知!
由于运营商拦截,目前江苏部分地区打不开
新地址更换通知将在公众号发布
为防止大家找不到地址还请关注公众号第一时间获取
最新资源交流QQ群:935733529