世界上最伟大的投资就是投资自己的教育
轻松学 Webpack 4 免费视频教程
36 个视频
不仅仅是学习最新的 wepback 4，也会学习 Babel 等知识，包括它们的插件，带您走进前端编译与构建的世界。
畅销
已完结
价格： 免费
你会学到什么？
为什么要使用 Webpack
从零开始使用 Webpack
Babel
Babel 的插件 Plugins 和 Presets
es6 的代码如何转成 es5，有哪些语法或 api 不作转化处理呢？
@ 符号 decorators 编译不通过的原因，及如何解决
为何总是要上头部导入 @babel/polyfill
fetch 为什么不兼容以前的老的浏览器
promise polyfill 应该如何使用
regeneratorRuntime is not defined 的问题如何解决？
@babel/polyfill 如何使用
babel-plugin-transform-runtime 的作用是什么
Wepback 插件
如何处理图片
如何处理样式
如何处理跨域问题
如何搭建 React 开发环境
等等
适宜人群
零基础
你需要准备什么？
了解过 JS 即可
一台电脑一杯咖啡
电脑上装有 Nodejs 和一个你所喜欢的编辑器
一颗热爱前端的心
学习资源
https://www.qiuzhi99.com/playlists/webpack-3-ling-ji-chu-ru-men-shi-pin-jiao-cheng webpack 3 零基础入门视频教程（14 个视频）
https://webpack.docschina.org/concepts/
轻松学 Webpack 4 免费视频教程 #1 课程介绍03:20
轻松学 Webpack 4 免费视频教程 #2 安装05:04
轻松学 Webpack 4 免费视频教程 #3 zero config05:48
轻松学 Webpack 4 免费视频教程 #4 Mode06:46
轻松学 Webpack 4 免费视频教程 #5 搭建项目05:12
轻松学 Webpack 4 免费视频教程 #6 用 npx 来解决全局安装的问题05:04
轻松学 Webpack 4 免费视频教程 #7 配置文件 Webpack.config.js04:38
轻松学 Webpack 4 免费视频教程 #8 配置多入口文件 Entry Points04:41
轻松学 Webpack 4 免费视频教程 #9 什么是 Babel04:32
轻松学 Webpack 4 免费视频教程 #10 babel-loader 的介绍与安装05:09
轻松学 Webpack 4 免费视频教程 #11 Babel Plugins - plugin-transform-arrow-functions05:29
轻松学 Webpack 4 免费视频教程 #12 Babel Plugins - 更多的插件07:19
轻松学 Webpack 4 免费视频教程 #13 Babel Presets - @babel/preset-env05:26
轻松学 Webpack 4 免费视频教程 #14 devtool false 让编译后的代码可读性强一些02:38
轻松学 Webpack 4 免费视频教程 #15 @babel/polyfill 的那些事儿 part 104:43
轻松学 Webpack 4 免费视频教程 #16 @babel/polyfill 的那些事儿 part 2 - 原理及如何解决06:58
轻松学 Webpack 4 免费视频教程 #17 @babel/polyfill 的那些事儿 part 3 - preset-env 的选项和按须编译05:11
轻松学 Webpack 4 免费视频教程 #18 @babel/runtime06:02
轻松学 Webpack 4 免费视频教程 #19 @babel/plugin-transform-runtime 是如何工作的05:12
轻松学 Webpack 4 免费视频教程 #20 打造 React 开发环境05:44
轻松学 Webpack 4 免费视频教程 #21 使用第一个 Webpack 插件 html-Webpack-plugin08:19
轻松学 Webpack 4 免费视频教程 #22 配置多个单页面应用08:05
轻松学 Webpack 4 免费视频教程 #23 使用 loader 来处理 CSS04:45
轻松学 Webpack 4 免费视频教程 #24 使用 loader 来处理 Sass 和 Less 文件06:34
轻松学 Webpack 4 免费视频教程 #25 用 mini-css-extract-plugin 把 CSS 分离成文件08:07
轻松学 Webpack 4 免费视频教程 #26 启动服务器并实时刷新 Webpack-dev-server04:54
轻松学 Webpack 4 免费视频教程 #27 用 clean-Webpack-plugin 来清除文件04:55
轻松学 Webpack 4 免费视频教程 #28 如何打包图片（包含规划编译出的文件的目录结构）07:59
轻松学 Webpack 4 免费视频教程 #29 如何压缩图片03:39
轻松学 Webpack 4 免费视频教程 #30 构建开发和生产环境 - 分离配置文件17:08
轻松学 Webpack 4 免费视频教程 #31 显示打包进度条02:38
轻松学 Webpack 4 免费视频教程 #32 调整配置 - 在浏览器显示 DevServer 的 编译错误的信息03:50
轻松学 Webpack 4 免费视频教程 #33 devtool 和 source map 深入解析10:52
轻松学 Webpack 4 免费视频教程 #34 解决开发环境和生产环境打包不一致的情况10:07
轻松学 Webpack 4 免费视频教程 #35 打包优化 - 深入探索 mode、Optimization、terser-Webpack-plugin、UglifyjsWebpackPlugin12:34
286 位学员学过
▬▬▬▬▬▬ 联系我 👋 ▬▬▬▬▬▬
知乎：https://www.zhihu.com/people/rails365
掘金：https://juejin.cn/user/1574156379888263
b 站：https://space.bilibili.com/31152817
Github：https://github.com/hfpp2012
Youtube：https://www.youtube.com/channel/UCA-Jkgr40A9kl5vsIqg-BIg
Discord：https://discord.gg/5rdjnEnU7F
Twitter：https://twitter.com/qiuzhi99pro
Facebook：https://twitter.com/qiuzhi99pro
Instagram：https://www.facebook.com/pro.qiuzhi/
▬▬▬▬▬▬ 微信相关 👋 ▬▬▬▬▬▬
© 汕尾市求知科技有限公司 | 专业版网站 | 在线学员：1131
粤公网安备 44152102000088号
| 粤ICP备19038915号