剧场模式
首页前端轻松学 Webpack 4 视频教程

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

下载源码hfpp2012发布于Webpack18290 次点击播放时长:03:20
5

你会学到什么?

  • 为什么要使用 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/

7 条回复
  • gershonv #1

    如果教程中有教从零配置react的脚手架就好了~

  • hfpp2012 #2
    gershonv #10 回复

    后面有的

  • gershonv #3

    请问这个课程大约多久可以更新完?

  • Surenjun #4

    哇 大佬露脸了呀

  • hfpp2012 #5
    Surenjun #10 回复

    惭愧,见笑了

  • GuiltyKirito #6

    请问 没有webpack的基础要从哪里开始看呢?

  • hfpp2012 #7

    这个不用啥基础,了解点 js 即可

播放列表目录

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

支付宝付款
订阅或购买扫码加我微信

加我微信:15014006126

加 QQ 群:697272886(1 群)

加 QQ 群:856141852(2 群)

相似的视频
webpack 3 零基础入门视频教程 #1 - 介绍

webpack 3 零基础入门视频教程 #1 - 介绍

免费播放时长:03:52

5624 次点击

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

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

Pro播放时长:05:09

9631 次点击

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

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

免费播放时长:05:48

18693 次点击

轻松学 Redux-Saga #1 课程简介与 Redux-Saga 介绍

轻松学 Redux-Saga #1 课程简介与 Redux-Saga 介绍

免费播放时长:07:05

2671 次点击

© Rails365 | 隐私条款 | 服务条款 | 友情链接:轻课堂 | 粤ICP备15004902号 | 在线学员:23

Top