前端大牛高阶技术实战-四大维度解锁Webpack 前端工程化 Webpack视频教程

  • A+
所属分类:资源分享

前端大牛高阶技术实战-四大维度解锁Webpack 前端工程化 Webpack视频教程 前端大牛高阶技术实战-四大维度解锁Webpack 前端工程化 Webpack视频教程 前端大牛高阶技术实战-四大维度解锁Webpack 前端工程化 Webpack视频教程

什么是Webpack

WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),

并将其转换和打包为合适的格式供浏览器使用。

课程目录

(0);目录中文件数:1个

(1) project.zip

(1)第10章 课程总结;目录中文件数:2个

(2) 10-1 课程总结 - webpack 面试常见问题.mp4

(3) 10-2 课程总结 - 课程回顾和总结.mp4

(2)第1章 课程简介;目录中文件数:2个

(4) 1-1 课程背景.mp4

(5) 1-2 导学.mp4

(3)第2章 学习准备;目录中文件数:5个

(6) 2-1 学习准备 - 模块化(1).mp4

(7) 2-2 学习准备 - 模块化(2).mp4

(8) 2-3 学习准备 - 环境准备(mac).mp4

(9) 2-4 学习准备 - webpack 简介.mp4

(10) 2-5 学习准备 - webpack 核心概念.mp4

(4)第3章 由浅入深Webpack(1);目录中文件数:16个

(11) 3-1 由浅入深 webpack - 使用 webpack.mp4

(12) 3-10 由浅入深 webpack - 处理 CSS - style-loader(2).mp4

(13) 3-11 由浅入深 webpack - 处理 CSS - CSS-Loader.mp4

(14) 3-12 由浅入深 webpack - 处理 CSS - 配置 Less - Sass.mp4

(15) 3-13 由浅入深 webpack - 处理 CSS - 提取 CSS.mp4

(16) 3-14 由浅入深 webpack - PostCSS-in-webpack.mp4

(17) 3-15 由浅入深 webpack - Tree-shaking - JS Tree-shaking.mp4

(18) 3-16 由浅入深 webpack - Tree-shaking - CSS Tree-shaking.mp4

(19) 3-2 由浅入深 webpack - 打包 JS.mp4

(20) 3-3 由浅入深 webpack - 编译 ES6.mp4

(21) 3-4 由浅入深 webpack - 编译 typescript.mp4

(22) 3-5 由浅入深 webpack - 打包公共代码(1).mp4

(23) 3-6 由浅入深 webpack - 打包公共代码(2).mp4

(24) 3-7 由浅入深 webpack - 代码分割和懒加载(1).mp4

(25) 3-8 由浅入深 webpack - 代码分割和懒加载(2).mp4

(26) 3-9 由浅入深 webpack - 处理 CSS - style-loader(1).mp4

(5)第4章 由浅入深Webpack(2);目录中文件数:7个

(27) 4-1 文件处理(1)- 图片处理 - CSS中引入图片、Base64编码.mp4

(28) 4-2 文件处理(2)- 图片处理 - 压缩图片、自动合成雪碧图sprite、retina处理.mp4

(29) 4-3 文件处理(3)- 处理字体文件.mp4

(30) 4-4 文件处理(4)- 处理第三方 JS 库(providePlugin、imports-loader).mp4

(31) 4-5 html in webpack(1) - 生成 HTML.mp4

(32) 4-6 html in webpack(2) - HTML 中引入图片.mp4

(33) 4-7 html in webpack(3) - 配合优化.mp4

(6)第5章 Webpack 环境配置;目录中文件数:9个

(34) 5-1 开发环境 - Webpack Watch Mode.mp4

(35) 5-2 开发环境 - Webpack Dev Server - 本地 rewrite 规则-.mp4

(36) 5-3 开发环境 - 代理远程接口.mp4

(37) 5-4 开发环境 - 模块热更新.mp4

(38) 5-5 开发环境 - 开启调试SourceMap.mp4

(39) 5-6 开发环境 - 设置 ESLint 检查代码格式.mp4

(40) 5-7 开发环境 - 区分开发环境 和 生产环境(1).mp4

(41) 5-8 开发环境 - 区分开发环境 和 生产环境(2).mp4

(42) 5-9 开发环境 - 使用 middleware 来搭建开发环境.mp4

(7)第6章 Webpack 实战场景;目录中文件数:6个

(43) 6-1 Webpack实战场景 - 分析打包结果.mp4

(44) 6-2 webpack 实战场景 - 优化打包速度(1).mp4

(45) 6-3 webpack 实战场景 - 优化打包速度(2).mp4

(46) 6-4 webpack 实战场景 - 长缓存优化.mp4

(47) 6-5 webpack 实战场景 - webpack 多页面应用(1).mp4

(48) 6-6 webpack 实战场景 - webpack 多页面应用(2).mp4

(8)第7章 Webpack 和 Vue;目录中文件数:6个

(49) 7-1 Vue 和 webpack - Vue-cli 介绍.mp4

(50) 7-2 Vue 和 webpack - Webpack template.mp4

(51) 7-3 vue 和 webpack - 开发配置(1).mp4

(52) 7-4 vue 和 webpack - 开发配置(2).mp4

(53) 7-5 vue 和 webpack - 实现简单 todolist(1).mp4

(54) 7-6 vue 和 webpack - 实现简单 todolist(2).mp4

(9)第8章 Webpack 和 React;目录中文件数:4个

(55) 8-1 React 和 webpack - create-react-app 介绍.mp4

(56) 8-2 React 和 webpack - create-react-app 运行脚本介绍.mp4

(57) 8-3 React 和 Webpack - create-react-app 配置.mp4

(58) 8-4 React 和 Webpack - 自定义配置.mp4

(10)第9章 Webpack 和 Angular;目录中文件数:2个

(59) 9-1 Angular 和 webpack - Angular - cli 介绍.mp4

(60) 9-2 Angular 和 webpack - 模块热更新 和 自定义配置.mp4

前端大牛高阶技术实战-四大维度解锁Webpack 前端工程化 Webpack视频教程

如需分享码:[打开微信]->[扫描上侧二维码]->[关注靠谱小工具的微信公众号] 输入"##100150" 获取分享码 如果还不清楚可以查看这篇教程

如果取消关注本公众号,即使再次关注,也将无法提供本服务

文件下载 资源名称:前端大牛高阶技术实战-四大维度解锁Webpack 前端工程化 Webpack视频教程
下载地址

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: