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

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

求知小风 · 元婴发布于
8

你会学到什么?

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

8 条回复
加讲师微信(qiuzhi99pro)官方服务号
课程目录

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 如何压缩图片

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 文件

学员(207)
JesusCracker · 道祖娜娜 · 道祖人在旅途 · 元婴oceanbaby715 · 元婴dansham · 元婴admin_me · 合体chj_R · 道祖nongchangzhu · 元婴ARKING · 合体100 · 大罗就特么你叫夏洛啊 · 元婴háng先森 · 元婴
最新动态
JesusCracker · 道祖学习到了3:18
娜娜 · 道祖学习到了3:05
人在旅途 · 元婴学习到了0:14
oceanbaby715 · 元婴学习到了2:38
dansham · 元婴学习到了0:21
统计信息
    学员: 19251
    视频数量: 1175
    帖子数量: 430

© 汕尾市求知科技有限公司 | 关注我们 | 在线学员:120

粤公网安备 44152102000088号 | 粤ICP备19038915号

Top