源码

轻松学 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 次打赏

181 位学员学过

钟声 · 道祖穆博嘉 · 真仙Jean · 道祖xiaoxi · 真仙jsjoyy · 元婴zdd · 真仙娜娜 · 太乙赵, Kent · 练虚飞梦 · 元婴来时的路 · 元婴不满 · 大乘xph · 真仙gao · 练虚fzzfxply · 大乘sailorook · 金仙vaveee · 道祖cc20140820 · 真仙liaopeng541 · 真仙shubote92 · 练虚四叶草 · 元婴shaojianbiao · 元婴leiconghui · 元婴zhuofan · 大罗chumai1984 · 大乘一片天空 · 元婴はるharu · 元婴xll · 道祖木有写 · 元婴与UIuoi89898 · 道祖ETM · 元婴zizihao · 元婴Mr.Jiang · 元婴Matthew · 道祖气体销售 · 太乙cuizhichen · 真仙鲍欣 · 元婴韩文俊 · 元婴凉寻@ · 真仙DMAlexL · 合体hgm210 · 练虚highcker · 太乙那方天地 · 元婴bilibala · 元婴shishihou · 道祖leerongwu · 元婴liulei-jishu · 合体名字改了 · 合体damofan · 大罗itotoo · 元婴阿飞 · 合体congshuang · 练虚依旧 · 元婴xiongyaqin1230 · 元婴生活～ · 真仙Scott · 元婴肉乎乎的小芋头 · 金仙wjfc · 太乙阿震 · 真仙niudiewei · 元婴XiaoLizi29 · 元婴fire9 · 道祖calm · 元婴liar · 真仙粽子 · 合体React-小白 · 合体biguokang · 真仙刘汉川🐳 · 元婴zbx7858 · 道祖sun · 练虚kuckboy1994 · 太乙houhaohao · 元婴Roy 小立 · 合体疯癫 · 金仙坑人不打草稿 · 合体ying · 元婴wangzhe123 · 大罗YanXinhua · 道祖钱伟 · 元婴zzs123123 · 金仙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 · 大罗东南偏东 · 元婴韦威 · 真仙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号 | 在线学员：106

Top