Webpack 中文文档

电脑软件推荐： Webpack 中文文档 秒天时分转换 v3.1绿色版 Win2003 官方版 Office 2013-2019 C2R Install 7.6.0.0中文版

Webpack 是一个常用的代码构建工具，广泛应用于前端开发中。它支持入口、出口、loader 和插件等功能，基于 Node.js 平台开发，主要用于将各种类型的文件打包成浏览器可以识别的格式（如 vue、ts、less、es6 等高级语言）。Webpack 能实现资源合并、打包、压缩（包括将图片转为 base64）、混淆等功能，非常高效。

Webpack 是目前最受欢迎的前端模块化管理和打包工具之一，特别适用于前端开发框架。如果你打算学习如何使用 Webpack 框架，却不清楚如何安装，直接下载 Webpack 安装包即可。

Webpack 简介

Webpack 是一种流行的前端资源管理和打包工具。它通过依赖关系和规则，将多个模块打包成适合生产环境的前端资源。Webpack 还可以支持按需加载，即按需分割模块，只有在实际需要时才异步加载。同时，通过 loader 转换，几乎任何资源都能作为模块处理，例如 CommonJS、AMD、ES6、CSS、图片、JSON、Coffeescript、LESS 等等。

框架特点

模块拆分

Webpack 支持两种模块依赖组织方式：同步和异步。对于异步依赖，它会作为分割点创建新的块。经过依赖树优化后，每个异步块都作为一个独立的文件打包。

Loader

默认情况下，Webpack 只支持原生的 JavaScript 模块，但通过 loader，Webpack 可以处理并转换各种类型的资源，使其成为可以处理的模块。

智能解析

Webpack 配备了一种智能解析机制，能够处理大多数第三方库，无论它们采用什么模块格式（如 CommonJS、AMD 或普通 JS）。它还允许在加载依赖时使用动态表达式，如 require("./templates/" + name + ".jade")。

插件系统

Webpack 拥有一个功能强大的插件系统，几乎所有的功能都通过插件来实现。此外，Webpack 还支持开发和使用开源插件，满足各种需求。

高效运行

通过异步 I/O 和多级缓存，Webpack 提升了运行效率。这使得 Webpack 在增量编译时能够以极高的速度运行。

框架优势

1. 支持按需加载，模块可以按需懒加载，只有在实际需要时才进行增量更新。

2. Webpack 以 CommonJS 格式编写脚本，并且对 AMD 和 CMD 有很好的支持，方便旧项目迁移。

3. 不仅 JS 文件，几乎所有类型的资源都能被模块化处理。

4. 开发便利，能够替代部分 grunt/gulp 的功能，如打包、压缩、混淆和图片转 base64 等。

5. 插件机制完善，扩展性强。

Webpack 安装方法

1. 通过命令 npm i webpack -g 来全局安装 webpack，安装后可以在任何地方使用 webpack 命令。

2. 也可以在项目目录下执行 npm i webpack --save-dev 将 webpack 安装到项目依赖中。

这两种方式分别是全局安装和局部安装。接下来，我将演示如何进行局部安装。

安装完 Webpack 后，还需要安装 webpack-cli，建议使用 3.x 版本，其他版本可能会不稳定。安装命令如下：

npm install webpack-cli@3 -D