javascript - 从部署中排除不必要的文件

Question

我已经开始学习如何使用 RequireJS 和 Bower 包管理系统。我这样定义 bower.json 文件:

  {

    "name": "App",
    "version": "1.0",
    "dependencies": {

        "jquery": null,
        "backbone-amd": null,
        "underscore-amd": null,
        "requirejs": null,
        "handlebars": null,
        "mustache" : null

    }

}

它会下载库，还会下载 backbone-amd、underscore-amd 和 requirejs 的示例文件和文档。我的项目大小为 52 MB(使用 r.js 构建后为 42 MB)。有没有办法排除不需要的文件并减小项目的大小(除非手动删除和删除它)？

Answer 1

您可以使用类似 Grunt 的构建工具或 make以避免不得不一遍又一遍地手动完成。这就是我所做的。我的项目通常结构如下:

• lib/ 包含项目自己的代码。

• build/ 包含构建项目的结果。换句话说，应该安装在服务器上的代码。

然后我有一个使用 Grunt 或 make 的build设置，它使用 lib/ 中的代码加上通过 Bower、npm 或其他一些方式下载的 vendor 包，以在 build/< 下创建文件.

构建通常使用以下任一方法来处理 vendor 包:

1. 如果包中不包含不必要的文件(例如示例和文档)，只需将其复制到 build/ 中的适当位置即可。

   这种方法是可取的。要确定是否可以使用此方法，您必须检查 vendor 如何打包他们的软件。一些库分布在多个包中。 Lodash ，例如，有 170 个包可通过 npm 使用。因此，对于一个有多个可用包的库，您应该检查是否有一个不包含不需要的信息。如果是这种情况，可以使用这种方法。

2. 如果包确实包含不需要的文件，那么构建过程需要更智能一些，只需要的文件。

   迟早，您会遇到这样的情况:您想要使用的某些软件与您不想要的文件一起分发。这是保证发生的。

   在这种情况下，您可以与开发人员沟通，并指出如果他们可以打包他们的软件以便它只包含部署所需的文件，那该有多好。如果他们同意为他们的软件添加一个只包含必要文件的软件包，那么您可以使用上面的第一种方法。

   否则，您必须了解软件的结构，确定您绝对需要什么，并为您的构建过程(Grunt、make 或其他)编写一个函数，该函数仅复制您需要的文件。