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

软件编程 xkdit 2年前 (2020-04-24) 226次浏览 0个评论 扫描二维码

前端大牛高阶技术实战-四大维度解锁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

下载地址:

资源下载资源下载价格6立即支付    升级VIP后免费

  • 本文永久链接:http://www.xkdit.com/531.html
  • 本站所有资料仅供网友个人学习使用,禁止商用,版权归原作者所有。
  • 本站下载资源采集于网络,本站只负责收集,不包含技术支持和安装服务,不承担任何版权问题。
  • 本站下载资源存储于云盘,若发现链接失效,请联系我们更新。
  • 本站发布的内容若侵犯到您的权益,请立即联系我们,我们会及时删除并致以最深的歉意。
  • 本站部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责,请自行甄别。
  • 其他单位或个人使用、转载或引用本文时必须同时征得本文作者和小口袋的同意。
  • 喜欢 (2)
    [小口袋]
    分享 (0)

    您必须 登录 才能发表评论!