Webpack 3 零基础入门视频教程

只要有一点JS基础,就能从零开始学习,从基础学起,从配置文件学起,各种实践,深入理解 Webpack 的方方面面,学完本套课程,可以学习 Webpack 的基础知识,并能用于实践开发。

49603人学习

初级14课时2018/01/12更新

二维码下载学堂APP缓存视频离线看

甘炜良
  • 课程介绍
  • 课程大纲

适合人群:

懂点 JS即可,一点点哦

你将会学到:

只要有一点JS基础,就能从零开始学习,从基础学起,从配置文件学起,各种实践,深入理解 Webpack 的方方面面,学完本套课程,可以学习 Webpack 的基础知识,并能用于实践开发。

课程简介:

视频课程经过特别剪辑压缩处理,教程业界良心,清晰度以及流畅度都很好,讲解有分主次,从不拖泥带水。(学员评价)


视频很清晰,讲解很深入,浪费时间的部分都是剪辑处理过,不浪费学员的一分一秒的时间。


全套视频总共 14 集,从基础开始学习,配套文字教程,让你深入了解 Webpack 的方方面面。


windows 和 mac 用户都可以学习,了解过 javascript 的学员都可以学习。


从基础学起,从环境搭建开始说起,一步步,到各种插件的使用,各种特别环境的搭建,让你了解和学习 Webpack。



展开更多

课程大纲-Webpack 3 零基础入门视频教程

  • 1

    介绍配套文字教程: https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-1-jie-shao

    「仅限付费用户」点击下载“hello-webpack.zip”

    [03:52]
  • 2

    安装配套文字教程:https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-2-an-zhuang

    「仅限付费用户」点击下载“hello-webpack.zip”

    [03:38]
  • 3

    实现 hello world配套文字教程:https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-3-shi-xian-hello-world

    「仅限付费用户」点击下载“hello-webpack.zip”

    [07:37]
  • 4

    webpack的配置文件webpack.config.js配套文字教程:https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-4-webpack-pei-zhi-wen-jian-webpack-config

    「仅限付费用户」点击下载“hello-webpack.zip”

    [03:41]
  • 5

    使用第一个 插件 html-webpack-plugin配套文字教程:https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-5-shi-yong-yi-ge-webpack-cha-jian-html-webpack

    「仅限付费用户」点击下载“hello-webpack.zip”

    [11:09]
  • 6

    使用 loader 处理 CSS 和 Sass配套文字教程:https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-6-shi-yong-loader-chu-li-css-he-sass

    「仅限付费用户」点击下载“hello-webpack.zip”

    [12:51]
  • 7

    webpack-dev-server 就是这么简单配套文字教程:https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-7-webpack-dev-server

    「仅限付费用户」点击下载“hello-webpack.zip”

    [06:24]
  • 8

    用 clean-webpack-plugin 来清除文件配套文字教程:https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-9-clean-webpack-plugin-qing-chu-wen-jian

    「仅限付费用户」点击下载“hello-webpack.zip”

    [05:07]
  • 9

    用 webpack 和 babel 配置react 开发环境配套文字教程:https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-8-yong-webpack-he-babel-pei-zhi-react-kai-fa-huan-jing

    「仅限付费用户」点击下载“hello-webpack.zip”

    [05:09]
  • 10

    配置多个 HTML 文件配套文字教程:https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-10-pei-zhi-duo-ge-html-wen-jian

    「仅限付费用户」点击下载“hello-webpack.zip”

    [06:38]
  • 11

    如何使用 pug (jade) 作为 HTML 的模板配套文字教程:https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-11-ru-he-shi-yong-pug-jade-zuo-wei-html-mu-ban

    「仅限付费用户」点击下载“hello-webpack.zip”

    [04:09]
  • 12

    如何使用模块热替换 HMR 来处理 CSS配套文字教程:https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-12-ru-he-shi-yong-mo-kuai-re-ti-huan-hmr-lai-chu-li-css

    「仅限付费用户」点击下载“hello-webpack.zip”

    [07:53]
  • 13

    生产环境 vs 开发环境配套文字教程:https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-13-sheng-chan-huan-jing-vs-kai-fa-huan-jing

    「仅限付费用户」点击下载“hello-webpack.zip”

    [06:33]
  • 14

    如何打包图片配套文字教程:https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-14-ru-he-da-bao-tu-pian

    「仅限付费用户」点击下载“hello-webpack.zip”

    [10:21]
在线
客服
APP
下载

下载Android客户端

下载iphone 客户端

官方
微信

关注官方微信

返回
顶部