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

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

下载源码hfpp2012发布于Webpack19025 次点击播放时长: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

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

5Free轻松学 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 如何压缩图片

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

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

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

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

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

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

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

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

加我微信:15014006126

友情提示
   官方 QQ 1 群 697272886(500/2000)
   官方 QQ 2 群 856141852
相似的视频
轻松学 Webpack 4 视频教程 #10 babel-loader 的介绍与安装

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

Pro播放时长:05:09

9867 次点击

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

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

免费播放时长:07:05

3091 次点击

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

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

免费播放时长:03:52

6212 次点击

轻松学 Node.js - 基础篇 #1 课程介绍与开发环境搭建

轻松学 Node.js - 基础篇 #1 课程介绍与开发环境搭建

免费播放时长:09:07

24889 次点击

dva + roadhog 轻松学 #1 介绍与安装

dva + roadhog 轻松学 #1 介绍与安装

免费播放时长:04:03

15000 次点击

© Rails365 | 隐私条款 | 服务条款 | 粤ICP备15004902号 | 在线学员:29

Top