16、Webpack与MailBag服务器开发全解析

Webpack与MailBag服务器开发全解析

1. Webpack配置与模块使用

1.1 Webpack配置模式

在Webpack开发中， modules.exports 变量可用于设置配置模式，该模式能告知Webpack当前是否为生产环境构建，这会影响到具体的优化操作。不过，对于许多项目而言，这样的配置可能并非必需。Webpack的强大之处在于其高度可配置性，当有特定需求时，查阅文档往往就能找到合适的配置方案。

1.2 使用模块

此前的示例多为简单的JavaScript示例，当我们想使用模块这类高级概念时，Webpack就能发挥重要作用。因为并非所有浏览器都支持模块，且存在多种互不兼容的模块格式。

以下是使用模块的具体操作步骤：
1. 修改 index.js 文件：

import getA from "./module1";
import getB from "./module2";
alert(getA() * getB());

2. 在 src 目录下创建 module1.js 文件，并添加以下代码：

export default function getA() { return 20; }