-
Grunt教程
所属栏目：[教程] 日期：2023-05-09 热度：4897
Grunt 是 JavaScript 任务运行器，是一种用于自动执行常见任务的工具，例如缩小，编译，单元测试和掉毛。
Grunt 是基于Node.js 的项目构建工具。它可以自动运行你所设定的任务。Grunt 拥有数量庞大的插件，几乎任[详细] -
WebPack Plugins构建
所属栏目：[教程] 日期：2023-05-09 热度：8822
plugins 选项用于以各种方式自定义 webpack 构建过程。webpack 附带了各种内置插件，可以通过 webpack.[plugin-name] 访问这些插件。请查看这个页面获取插件列表和对应文档，但请注意这只是其中一部分，社区中还有许[详细]
-
WebPack resolve运用
所属栏目：[教程] 日期：2023-05-09 热度：4069
这些选项能设置模块如何被解析。webpack 提供合理的默认值，但是还是可能会修改一些解析的细节。关于 resolver 具体如何工作的更多解释说明。
配置模块如何解析。例如，当在 ES2015 中调用 import "lodash"，reso[详细] -
WebPack Module处理方式
所属栏目：[教程] 日期：2023-05-09 热度：5500
这些选项决定了如何处理项目中的不同类型的模块。
module.noparse
RegExp | [RegExp]
RegExp | [RegExp] | function（从 webpack 3.0.0 开始）
防止 webpack 解析那些任何与给定正则表达式相匹配的文件。忽[详细] -
WebPack Output 输出
所属栏目：[教程] 日期：2023-05-09 热度：1272
output 位于对象最顶级键(key)，包括了一组选项，指示 webpack 如何去输出、以及在哪里输出你的「bundle、asset 和其他你所打包或使用 webpack 载入的任何内容」。
output.auxiliaryComment
string object
在[详细] -
WebPack Devtool 教程
所属栏目：[教程] 日期：2023-05-09 热度：1973
此选项控制是否生成，以及如何生成 source map。
使用 SourceMapDevToolPlugin 进行更细粒度的配置。查看 source-map-loader 来处理已有的 source map。
选择一种 source map 格式来增强调试过程。不同的值会明[详细] -
webpack 相应模式的内置优化
所属栏目：[教程] 日期：2023-05-09 热度：9500
提供 mode 配置选项，告知 webpack 使用相应模式的内置优化。
只在配置中提供 mode 选项：
module.exports = {
mode: 'production'
};
或者从 CLI 参数中传递：
webpack --mode=production
支[详细] -
WebPack loader
所属栏目：[教程] 日期：2023-05-09 热度：5585
loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。loader 可以将文件从[详细]
-
WebPack 插件解析
所属栏目：[教程] 日期：2023-05-09 热度：1377
插件是 webpack 的支柱功能。webpack 自身也是构建于，你在 webpack 配置中用到的相同的插件系统之上！
插件目的在于解决 loader 无法实现的其他事。
剖析
webpack 插件是一个具有 apply 属性的 JavaScript 对[详细] -
WebPack 配置
所属栏目：[教程] 日期：2023-05-09 热度：7333
你可能已经注意到，很少有 webpack 配置看起来很完全相同。这是因为 webpack 的配置文件，是导出一个对象的 JavaScript 文件。此对象，由 webpack 根据对象定义的属性进行解析。
因为 webpack 配置是标准的 Node.[详细] -
什么是 WebPack 模块
所属栏目：[教程] 日期：2023-05-09 热度：7621
在模块化编程中，开发者将程序分解成离散功能块(discrete chunks of functionality)，并称之为模块。
每个模块具有比完整程序更小的接触面，使得校验、调试、测试轻而易举。 精心编写的模块提供了可靠的抽象和封装[详细] -
WebPack 中的解析规则
所属栏目：[教程] 日期：2023-05-09 热度：4171
resolver 是一个库(library)，用于帮助找到模块的绝对路径。一个模块可以作为另一个模块的依赖模块，然后被后者引用，如下：
import foo from 'path/to/module'
// 或者
require('path/to/module&#[详细] -
文件之间有依赖关系
所属栏目：[教程] 日期：2023-05-09 热度：3463
任何时候，一个文件依赖于另一个文件，webpack 就把此视为文件之间有 依赖关系 。这使得 webpack 可以接收非代码资源(non-code asset)（例如图像或 web 字体），并且可以把它们作为 依赖提供给你的应用程序。
web[详细] -
WebPack 构建目标
所属栏目：[教程] 日期：2023-05-09 热度：2862
因为服务器和浏览器代码都可以用 JavaScript 编写，所以 webpack 提供了多种构建目标(target)，你可以在你的 webpack配置中设置。
webpack 的 target 属性不要和 output.libraryTarget 属性混淆。有关 output 属性[详细] -
WebPack 模块热替换浅析
所属栏目：[教程] 日期：2023-05-09 热度：991
模块热替换(HMR - Hot Module Replacement)功能会在应用程序运行过程中替换、添加或删除模块，而无需重新加载整个页面。主要是通过以下几种方式，来显著加快开发速度：
保留在完全重新加载页面时丢失的应用程序状[详细] -
WebPack 配置选项
所属栏目：[教程] 日期：2023-05-08 热度：2020
webpack 是需要传入一个配置对象(configuration object)。取决于你如何使用 webpack，可以通过两种方式之一：终端或 Node.js。下面指定了所有可用的配置选项。
选项
点击下面配置代码中每个选项的名称，跳转到详[详细] -
WebPack 使用不同语言进行配置
所属栏目：[教程] 日期：2023-05-08 热度：3741
webpack 接受以多种编程和数据语言编写的配置文件。支持的文件扩展名列表，可以在 node-interpret 包中找到。使用 node-interpret，webpack 可以处理许多不同类型的配置文件。
TypeScript
为了用 TypeScript 书写[详细] -
WebPack 多种配置类型
所属栏目：[教程] 日期：2023-05-08 热度：1765
除了导出单个配置对象，还有一些方式满足其他需求。
导出为一个函数
最终，你会发现需要在开发和生产构建之间，消除 webpack.config.js 的差异。（至少）有两种选项：
作为导出一个配置对象的替代，还有一种可[详细] -
WebPack 入口和上下文
所属栏目：[教程] 日期：2023-05-08 热度：6983
entry 对象是用于 webpack 查找启动并构建 bundle。其上下文是入口文件所处的目录的绝对路径的字符串。
基础目录，绝对路径，用于从配置中解析入口起点(entry point)和 loader
context: path.resolve(__dirnam[详细] -
WebPack Manifest教程
所属栏目：[教程] 日期：2023-05-08 热度：1656
在使用 webpack 构建的典型应用程序或站点中，有三种主要的代码类型：
你或你的团队编写的源码。
你的源码会依赖的任何第三方的 library 或 "vendor" 代码。
webpack 的 runtime 和 manifest，管理所有模块[详细] -
WebPack 输出
所属栏目：[教程] 日期：2023-05-08 热度：9391
配置 output 选项可以控制 webpack 如何向硬盘写入编译文件。注意，即使可以存在多个入口起点，但只指定一个输出配置。
用法(Usage)
在 webpack 中配置 output 属性的最低要求是，将它的值设置为一个对象，包括以[详细] -
WebPack 入口起点
所属栏目：[教程] 日期：2023-05-08 热度：6337
正如我们在起步中提到的，在 webpack 配置中有多种方式定义 entry 属性。除了解释为什么它可能非常有用，我们还将向你展示如何去配置 entry 属性。
单个入口（简写）语法
用法：entry: string|Array<string>[详细] -
WebPack 四个核心概念
所属栏目：[教程] 日期：2023-05-08 热度：7294
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包[详细]
-
WebPack 公共路径设置
所属栏目：[教程] 日期：2023-05-08 热度：417
webpack 提供一个非常有用的配置，该配置能帮助你为项目中的所有资源指定一个基础路径。它被称为公共路径(publicPath)。
示例
这里提供一些示例，在实际应用中，这些示例的特性在实现的同时，还能保持高度整洁。[详细] -
WebPack 管理依赖
所属栏目：[教程] 日期：2023-05-08 热度：3066
如果你的 request 含有表达式(expressions)，会创建一个上下文(context)，因为在编译时(compile time)并不清楚具体是哪一个模块被导入。
示例：
require("./template/" + name + ".ejs");
webpack 解析 requi[详细]
