你会学到什么?
为什么要使用 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.docschina.org/concepts/
Free轻松学 Webpack 4 视频教程 #1 课程介绍
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

加我微信:15014006126
© Rails365 | 隐私条款 | 服务条款 | 粤ICP备15004902号 | 在线学员:29
Top
如果教程中有教从零配置react的脚手架就好了~
后面有的
请问这个课程大约多久可以更新完?
哇 大佬露脸了呀
惭愧,见笑了
请问 没有webpack的基础要从哪里开始看呢?
这个不用啥基础,了解点 js 即可