小码哥教育-深入Webpack5等构建工具(gulp/rollup/vite)
内容简介
随着前后端的分离,Web前端快速的发展,前端页面已经变得越来越复杂化了。比如开发过程中我们需要通过模块化的方式来开发。也会使用一些高级的特性来加快我们的开发效率或者安全性,比如通过ES6+、TypeScript开发脚本逻辑,通过sass、less等方式来编写css样式代码。我们还需要监听文件的变化来实时反映到浏览器上提高开发的效率。开发完成后我们还需要将代码进行压缩、合并等优化。这一系列问题意味着前端越来越需要进行工程化的开发模式。
随着前后端的分离,前端快速的发展,前端页面已经变得越来越复杂化了.比如开发过程中我们需要通过模块化的方式来开发.也会使用一些高级的特性来加快我们的开发效率或者安全性,比如通过ES6+、类型记录开发脚本逻辑,通过Sass、Sass等方式来编写css样式代码.我们还需要监听文件的变化来实时反映到浏览器上提高开发的效率.开发完成后我们还需要将代码进行压缩、合并等优化.这一系列问题意味着前端越来越需要进行工程化的开发模式.
目前前端最流行的是三大框架:Vue、React、Angular,在使用这些框架开发的过程中,我们通常不会从零去搭建一个项目,而是会借助于它们提供给我们的脚手架:vue-cli、create-re-act-app、angular-cli,这些脚手架本身就可以帮助我们完成上面提到的一系列复杂化的问题,它们是如何做到呢?事实上它们的底层就是封装了Webpack,由Webpack完成所有工程化的问题。
资源目录
——/计算机教程/03腾讯课堂/045-小码哥教育-深入Webpack5等构建工具(gulprollupvite)/
1.邂逅webpack以及初体验.mp4 1.85G
10.webpack中常⽤的Plugins.mp4 1.99G
11.⾃定义webpack的Plugin.mp4 2.53G
12.webpack性能优化之代码分包.mp4 2.20G
13.webpack性能优化之打包效率.mp4 2.19G
14.webpack性能优化之treeshaking.mp4 2.18G
15.webpack打包原理解析(一).mp4 1.83G
16.webpack打包原理解析(⼆).mp4 2.20G
17.react、vue脚⼿架webpack分析.mp4 2.21G
18.⾃动化构建⼯具gulp.mp4 1.90G
19.模块化打包构建⼯具rollup.mp4 2.04G
2.webpack的核⼼配置选项.mp4 1.96G
20.开发模式构建工具vite.mp4 2.21G
3.webpack中sourcemap等配置.mp4 1.98G
4.webpack实现模块化的原理.mp4 1.62G
5.webpack中常⽤的Loaders(⼀).mp4 2.13G
6.webpack中常⽤的Loaders(⼆).mp4 1.92G
7.深⼊解析Babel和webpack中配置.mp4 1.99G
8.eslint-ts的使⽤和webpack中配置.mp4 2.03G
9.自定义webpack的Loader.mp4 1.83G
课堂资料01_20.zip 40.32M