Webpack视频教程

Posted 2021-04-29 零度编程

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

视频内容简介

什么是 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)
其他知识点

▼点击「阅读原文」下载视频教程。