webpack 用于编译 JavaScript 模块。一旦完成 安装,你就可以通过 webpack CLI 或 API 与其配合交互。如果你还不熟悉 webpack,请阅读 核心概念 和 对比,了解为什么要使用 webpack,而不是社区中的其他工具。
首先我们创建一个目录,初始化 npm,然后 在本地安装 webpack,接着安装 webpack-cli(此工具用于在命令行中运行 webpack):
在整个指南中,我们将使用 diff 块,来展示对目录、文件和代码所做的修改。例如:
现在,我们将创建以下目录结构、文件和内容:
我们还需要调整 package.json 文件,以便确保我们安装包是 private(私有的),并且移除 main 入口。这可以防止意外发布你的代码。
如果你想要了解 package.json 内在机制的更多信息,我们推荐阅读 npm 文档。
在此示例中,