源码

轻松学 Webpack 4 视频教程（36 个视频）

轻松学 Webpack 4 视频教程

价格：¥ 119.00

优惠价格：¥ 95.20（8.0 折）

微信支付支付宝支付

开始学习

不仅仅是学习最新的 wepback 4，也会学习 Babel 等知识，包括它们的插件，带您走进前端编译与构建的世界

3 小时 44 分钟

难度： 入门

作者：想卖咖啡的程序员 · 真仙

类别：前端

技术分类：Webpack

正在更新

你会学到什么？

  • 为什么要使用 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.rails365.net/playlists/webpack-3-ling-ji-chu-ru-men-shi-pin-jiao-cheng webpack 3 零基础入门视频教程（14 个视频）

https://webpack.js.org/

https://webpack.docschina.org/concepts/

https://www.webpackjs.com/concepts/

https://nodejs.org/en/

2 次打赏

137 位学员学过

阿飞 · 金仙后期congshuang · 金仙中期依旧 · 真仙钟声 · 道祖shishihou · 道祖xiongyaqin1230 · 真仙cuizhichen · 太乙玉仙转角遇到老虎 · 金仙后期Scott · 真仙肉乎乎的小芋头 · 太乙巅峰wjfc · 大罗阿震 · 金仙后期niudiewei · 真仙XiaoLizi29 · 真仙fire9 · 道祖calm · 真仙liar · 太乙玉仙粽子 · 金仙后期chenjiangshun · 金仙后期biguokang · 太乙玉仙刘汉川🐳 · 真仙zbx7858 · 道祖sun · 金仙中期kuckboy1994 · 金仙巅峰houhaohao · 真仙Roy 小立 · 金仙后期疯癫 · 太乙巅峰坑人不打草稿 · 金仙后期ying · 真仙wangzhe123 · 大罗巅峰YanXinhua · 道祖钱伟 · 真仙zzs123123 · 太乙巅峰DMAlexL · 金仙后期ericwang-wsq · 真仙蓝色风沙 · 金仙中期天下 · 金仙后期骑熊人不熊 · 太乙巅峰zhangfeng306 · 真仙justinelong · 金仙后期litongxy · 真仙mfkyddh · 太乙巅峰hafly · 金仙巅峰熊熊 · 真仙BennnZhang · 真仙冀宇航 · 太乙玉仙chrisliume · 大罗bbcfive · 金仙巅峰车炳进 · 真仙夏日里的一把阳光 · 真仙swip · 金仙后期itlaowang520 · 太乙巅峰sanfire86626 · 大罗zuoyueqin · 金仙后期guxiaobai · 道祖z7834118 · 真仙lolotang · 真仙yhuyo · 道祖wx1989 · 真仙xiao_ran · 大罗yanjia0807 · 金仙后期xyq · 金仙后期baimifan · 金仙中期ycc · 金仙后期Star°时光 · 真仙18361082737 · 太乙巅峰小猪佩奇 · 太乙玉仙chj_R · 道祖ccy940912 · 大罗helloWangfly · 真仙hello101 · 真仙aboutyang · 太乙巅峰Adolph_ · 真仙xuningyang · 大罗巅峰highcker · 太乙玉仙东南偏东 · 真仙韦威 · 太乙玉仙Envisionc · 真仙cyt · 太乙玉仙tgq123654 · 金仙后期BlancheXu · 真仙theFrontCalf · 真仙全区最帅打野 · 真仙Ebigbang · 金仙后期刘猛 · 太乙巅峰GonyMaster · 真仙jiajunhuangWorker · 真仙可惜 · 真仙lizhijian520 · 真仙君君儿🐭 · 真仙ScOrPiOzzy · 真仙Qujoe · 金仙后期JSjump · 大罗巅峰lgy8920 · 真仙薄情人 · 道祖lgz · 金仙巅峰wuhua · 大罗Xue^_^ · 真仙jinjilynn · 真仙duzhihao · 金仙后期heyengineer · 真仙15732781134 · 金仙后期张力 · 真仙qinyunhu · 真仙xuezh · 大罗巅峰eowyn · 金仙巅峰XiangFengZhao · 金仙后期心之所向，无力阻挡 · 太乙玉仙MoGoethe · 大罗SUIN · 真仙mschange · 金仙后期徐潇宇 · 金仙后期summer-Yang163 · 真仙Geassu · 道祖zhangtao · 金仙后期ww545 · 太乙玉仙psdf · 太乙巅峰TianXiaXIng · 真仙zy5200 · 真仙Super-Ps · 金仙后期XiaoY · 真仙PeterWeb · 金仙后期smileyqp · 金仙后期oookkkkk · 真仙geone · 太乙玉仙j921216063 · 道祖jea · 金仙后期Kristin · 大罗15838342851 · 真仙eilinge · 真仙beibei0829 · 道祖ttswh2009 · 大罗Brannua · 真仙RocketWill · 金仙后期xiaoxiaoxiaorui · 真仙Android2Iphone · 金仙中期mitraillette · 真仙
过滤： 默认 免费 Pro
轻松学 Webpack 4 视频教程 #1 课程介绍

轻松学 Webpack 4 视频教程 #1 课程介绍

免费03:20

轻松学 Webpack 4 视频教程 #2 安装

轻松学 Webpack 4 视频教程 #2 安装

免费05:04

轻松学 Webpack 4 视频教程 #3 zero config

轻松学 Webpack 4 视频教程 #3 zero config

免费05:48

轻松学 Webpack 4 视频教程 #4 Mode

轻松学 Webpack 4 视频教程 #4 Mode

Pro06:46

轻松学 Webpack 4 视频教程 #5 搭建项目

轻松学 Webpack 4 视频教程 #5 搭建项目

Pro05:12

轻松学 Webpack 4 视频教程 #6 用 npx 来解决全局安装的问题

轻松学 Webpack 4 视频教程 #6 用 npx 来解决全局安装的问题

Pro05:04

轻松学 Webpack 4 视频教程 #7 配置文件 webpack.config.js

轻松学 Webpack 4 视频教程 #7 配置文件 webpack.config.js

Pro04:38

轻松学 Webpack 4 视频教程 #8 配置多入口文件 Entry Points

轻松学 Webpack 4 视频教程 #8 配置多入口文件 Entry Points

Pro04:41

轻松学 Webpack 4 视频教程 #9 什么是 Babel

轻松学 Webpack 4 视频教程 #9 什么是 Babel

Pro04:32

轻松学 Webpack 4 视频教程 #10 babel-loader 的介绍与安装

轻松学 Webpack 4 视频教程 #10 babel-loader 的介绍与安装

Pro05:09

轻松学 Webpack 4 视频教程 #11 Babel Plugins - plugin-transform-arrow-functions

轻松学 Webpack 4 视频教程 #11 Babel Plugins - plugin-transform-arrow-functions

Pro05:29

轻松学 Webpack 4 视频教程 #12 Babel Plugins - 更多的插件

轻松学 Webpack 4 视频教程 #12 Babel Plugins - 更多的插件

Pro07:19

轻松学 Webpack 4 视频教程 #13 Babel Presets - @babel/preset-env

轻松学 Webpack 4 视频教程 #13 Babel Presets - @babel/preset-env

Pro05:26

轻松学 Webpack 4 视频教程 #14 devtool false 让编译后的代码可读性强一些

轻松学 Webpack 4 视频教程 #14 devtool false 让编译后的代码可读性强一些

Pro02:38

轻松学 Webpack 4 视频教程 #15 @babel/polyfill 的那些事儿 part 1

轻松学 Webpack 4 视频教程 #15 @babel/polyfill 的那些事儿 part 1

Pro04:43

轻松学 Webpack 4 视频教程 #16 @babel/polyfill 的那些事儿 part 2 - 原理及如何解决

轻松学 Webpack 4 视频教程 #16 @babel/polyfill 的那些事儿 part 2 - 原理及如何解决

Pro06:58

轻松学 Webpack 4 视频教程 #17 @babel/polyfill 的那些事儿 part 3 - preset-env 的选项和按须编译

轻松学 Webpack 4 视频教程 #17 @babel/polyfill 的那些事儿 part 3 - preset-env 的选项和按须编译

Pro05:11

轻松学 Webpack 4 视频教程 #18 @babel/runtime

轻松学 Webpack 4 视频教程 #18 @babel/runtime

Pro06:02

轻松学 Webpack 4 视频教程 #19 @babel/plugin-transform-runtime 是如何工作的

轻松学 Webpack 4 视频教程 #19 @babel/plugin-transform-runtime 是如何工作的

Pro05:12

轻松学 Webpack 4 视频教程 #20 打造 React 开发环境

轻松学 Webpack 4 视频教程 #20 打造 React 开发环境

Pro05:44

轻松学 Webpack 4 视频教程 #21 使用第一个 webpack 插件 html-webpack-plugin

轻松学 Webpack 4 视频教程 #21 使用第一个 webpack 插件 html-webpack-plugin

Pro08:19

轻松学 Webpack 4 视频教程 #22 配置多个单页面应用

轻松学 Webpack 4 视频教程 #22 配置多个单页面应用

Pro08:05

轻松学 Webpack 4 视频教程 #23 使用 loader 来处理 CSS

轻松学 Webpack 4 视频教程 #23 使用 loader 来处理 CSS

Pro04:45

轻松学 Webpack 4 视频教程 #24 使用 loader 来处理 Sass 和 Less 文件

轻松学 Webpack 4 视频教程 #24 使用 loader 来处理 Sass 和 Less 文件

Pro06:34

轻松学 Webpack 4 视频教程 #25 用 mini-css-extract-plugin 把 CSS 分离成文件

轻松学 Webpack 4 视频教程 #25 用 mini-css-extract-plugin 把 CSS 分离成文件

Pro08:07

轻松学 Webpack 4 视频教程 #26 启动服务器并实时刷新 webpack-dev-server

轻松学 Webpack 4 视频教程 #26 启动服务器并实时刷新 webpack-dev-server

Pro04:54

轻松学 Webpack 4 视频教程 #27 用 clean-webpack-plugin 来清除文件

轻松学 Webpack 4 视频教程 #27 用 clean-webpack-plugin 来清除文件

Pro04:55

轻松学 Webpack 4 视频教程 #28 如何打包图片（包含规划编译出的文件的目录结构）

轻松学 Webpack 4 视频教程 #28 如何打包图片（包含规划编译出的文件的目录结构）

Pro07:59

轻松学 Webpack 4 视频教程 #29 如何压缩图片

轻松学 Webpack 4 视频教程 #29 如何压缩图片

Pro03:39

轻松学 Webpack 4 视频教程 #30 构建开发和生产环境-分离配置文件

轻松学 Webpack 4 视频教程 #30 构建开发和生产环境-分离配置文件

Pro17:08

轻松学 Webpack 4 视频教程 #31 显示打包进度条

轻松学 Webpack 4 视频教程 #31 显示打包进度条

Pro02:38

轻松学 Webpack 4 视频教程 #32 调整配置 - 在浏览器显示 DevServer 的 编译错误的信息

轻松学 Webpack 4 视频教程 #32 调整配置 - 在浏览器显示 DevServer 的 编译错误的信息

Pro03:50

轻松学 Webpack 4 视频教程 #33 devtool 和 source map 深入解析

轻松学 Webpack 4 视频教程 #33 devtool 和 source map 深入解析

Pro10:52

轻松学 Webpack 4 视频教程 #34 解决开发环境和生产环境打包不一致的情况

轻松学 Webpack 4 视频教程 #34 解决开发环境和生产环境打包不一致的情况

Pro10:07

轻松学 Webpack 4 视频教程 #35 打包优化 - 深入探索 mode、Optimization、terser-webpack-plugin、UglifyjsWebpackPlugin

轻松学 Webpack 4 视频教程 #35 打包优化 - 深入探索 mode、Optimization、terser-webpack-plugin、UglifyjsWebpackPlugin

Pro12:34

轻松学 Webpack 4 视频教程 #36 打包优化 - 生产环境压缩 CSS 文件

轻松学 Webpack 4 视频教程 #36 打包优化 - 生产环境压缩 CSS 文件

Pro04:43

0 条回复
暂无回复~~

© 汕尾市求知科技有限公司 | 粤ICP备19038915号 | 在线学员：98

Top