Question

我使用Grunt处理某些任务，我想在构建应用程序时将多个JS文件连接到一个文件。

假设我有一些JS文件：

js
├── plugin-1.js
├── plugin-2.js
└── plugin-3.js

我想为此文件构建资源：

js
└── plugins.js

我可以通过运行Grunt来做到这一点......但是。

在某些HTML模板中，我链接到这些JS文件：

<script src="js/plugin-1.js"></script>
<script src="js/plugin-2.js"></script>
<script src="js/plugin-3.js"></script>

我希望Grunt将其重写为：

<script src="js/plugins.js"></script>

这有可能吗？

Answer 1

我也在寻找这个问题的解决方案，我找到了一个：使用grunt模块gunt-use-ref。

虽然我最终确定静态方法（包含所有样式或js的一个缩小文件）更符合我的需求，但它可能对你有所帮助。为什么？因为需要为每个页面加载单独的concanated和minified文件，而包含所有内容的单个文件仍保留在浏览器缓存中（例如，请查看H5BP template's .htaccess）并且只需要下载一次。因此，请确定您使用的是哪种用例：如果您希望访问者只访问一个页面，请使用单独的方法进行快速首页加载，如果您希望他们访问不同的页面，请使用“一刀切”的解决方案以获得快速体验访问很多页面时。

来自文档：

Grunt concat JS和HTML中的重写链接

1 个答案: