如何包含适当的 JavaScript 文件版本（缩小版与原始版）？

Question

我正在开发一个网络应用程序（如果重要的话，我使用 npm 和 bower）。我的 HTML 文件包含 angular.js。现在，我希望我的 webapp 的生产版本使用缩小版本 angular.min.js.

考虑到我确实想要我的 webapp 的两个版本：

• 一个 "raw" 版本，其中包括 angular.js
• 一个 "production" 版本，其中包括 angular.min.js

鉴于我想维护 index.html 的单一版本，传统上是如何完成的？

Answer 1

您可以手动完成，也可以使用 Gulp or Grunt

他们将帮助您为生产环境准备好文件。

This tutorial 在我开始使用 gulp 时帮了大忙。

Answer 2

我选择 sed 在 Makefile 中调用：

$(RELEASE_DIR)/index.html: $(PUBLIC_DIR)/index.html | $(RELEASE_DIR)/
    $(SED) 's/\.js/.min.js/g' $< > $@

$(RELEASE_DIR)/:
    $(MKDIR) --parents $@

我接受我自己的回答，因为使用 sed 比使用另一个依赖项更简单（我已经有了 Makefile）。