news 2026/8/3 18:52:58

100 分钟 webpack 2.0 入门视频教程

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
100 分钟 webpack 2.0 入门视频教程

webpack 作为目前前端开发必备的框架。
webpack 发布了 2.0 版本,此视频就是基于 2.0 的版本讲解的,我上传到了优酷上供大家学习参考使用。
这个基本就是 webpack 2.0 最好的学习视频了,希望可以对新手或者复习知识的朋友有用。

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过loader的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

1. 视频课程简介

  • 什么是 Webpack
  • Webpack 和 Gulp, Grunt, Browserify, Rollup, NPM Scripts
  • 如何创建上线的 bundle
  • 如何做 code splitting
  • 如何做无用代码的清除
  • 如何使用 tree shaking 做无用代码的清除
  • 如何配置 hot module replacement (HMR)
  • 如何配置 hot/live 加载
  • 如何用 Babel 在生产模式下编写 ES6/ES.next/ES2015 代码
  • 如何加载图片
  • 如何加载样式 (CSS)
  • 其他知识点

2. 课程源码地址

https://github.com/emiloberg/webpack-tutorial

3. 视频课程地址

优酷:http://v.youku.com/v_show/id_XMjYzNDU4NTg0MA==.html

优酷上传的超清版本,不过转码转不成超清版本,需要超清版本请点击这里:http://pan.baidu.com/s/1mimaTHQ

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/3 18:51:25

抖音下载器:重新定义内容采集的4个高效技术实践

抖音下载器:重新定义内容采集的4个高效技术实践 【免费下载链接】douyin-downloader A practical Douyin downloader for both single-item and profile batch downloads, with progress display, retries, SQLite deduplication, and browser fallback support. 抖…

作者头像 李华
网站建设 2026/8/3 18:49:59

终极指南:5步免费解锁Wand Pro完整功能与远程控制

终极指南:5步免费解锁Wand Pro完整功能与远程控制 【免费下载链接】Wand-Enhancer Advanced UX and interoperability extension for Wand (WeMod) app 项目地址: https://gitcode.com/GitHub_Trending/we/Wand-Enhancer Wand-Enhancer是一款专为Wand&#x…

作者头像 李华
网站建设 2026/8/3 18:49:01

React useContext状态管理深度解析与优化实践

1. React useContext 深度解析与应用实践在React开发中,状态管理一直是核心课题。当组件层级超过3层时,传统的props逐层传递就会变得繁琐且难以维护。useContext作为React Hooks中的重要成员,提供了一种优雅的跨组件状态共享方案。我在多个中…

作者头像 李华
网站建设 2026/8/3 18:48:30

Llama-2 7B首训翻车实录:AMD Instinct上Tokenizer对齐漏检导致loss异常

AMD Instinct MI210集群上训练Llama-2 7B的完整避坑指南(扩展版) 上周在AMD Instinct MI210集群上首次训练Llama-2 7B时,我们遇到了loss曲线在前100步就出现周期性震荡的问题。经过48小时的深度排查,发现这是三个关键问题的叠加效…

作者头像 李华
网站建设 2026/8/3 18:46:42

Dev C++极简入门:从零搭建C++开发环境到高效调试实战

1. 项目概述:为什么是Dev C?如果你刚刚踏入C编程的大门,面对Visual Studio、VS Code、CLion这些功能强大但略显复杂的IDE(集成开发环境),可能会感到一丝迷茫。配置环境变量、安装插件、理解项目结构……这些…

作者头像 李华
网站建设 2026/8/3 18:37:48

Python构建游戏剧情知识图谱:从信息抽取到可视化实战

最近在《鸣潮》社区看到不少玩家对秧秧玄翎的PV剧情展开热烈讨论,尤其是其中一些需要“连接外置大脑”才能理清的细节和伏笔。这种需要深度推理、结合游戏内外信息进行分析的体验,正是当下二次元游戏内容生态的魅力所在。本文将从技术实践的角度出发&…

作者头像 李华