如何在不破坏我的 grunt 脚本的情况下将页面添加到 yo web 应用程序？答案

【问题标题】：How do I add pages to a yo web app without breaking my grunt scripts?如何在不破坏我的 grunt 脚本的情况下将页面添加到 yo web 应用程序？
【发布时间】：2013-12-31 21:35:21
【问题描述】：

我已经使用 yo / bower 几个星期了，我非常喜欢它。但是，我在向我的网络应用程序（需要 JS）添加其他页面时遇到了麻烦。

我目前正在配置 grunt index.html 以将我的自定义 JS 文件最小化为单个文件。只要我将它们放入main.js，这个文件就可以工作，但现在我想根据 html 文件将脚本分解为单独的文件。以下是我试图用来完成此操作的 build:js 部分。

到目前为止，它会生成 page1.js 和 page2.js，但遗憾的是没有运行。在文档加载时，我收到此错误。

SyntaxError: Unexpected token '

这是向 yo web 应用程序添加其他 html 文件的正确方法吗？我发现的几乎所有关于 grunt / yo 的例子都只讨论index.html。

index.html

<!-- build:js scripts/page1.js -->
<script src="scripts/page1_specific_scrip_1.js"></script>
<script src="scripts/page1_specific_scrip_2.js"></script>
<!-- endbuild -->

<!-- build:js scripts/page2.js -->
<script src="scripts/page2_specific_scrip_1.js"></script>
<script src="scripts/page2_specific_scrip_2.js"></script>
<!-- endbuild -->

page1.html

<!-- build:js scripts/page1.js -->
<script src="scripts/page1_specific_scrip_1.js"></script>
<script src="scripts/page1_specific_scrip_2.js"></script>
<!-- endbuild -->

page2.html

<!-- build:js scripts/page2.js -->
<script src="scripts/page2_specific_scrip_1.js"></script>
<script src="scripts/page2_specific_scrip_2.js"></script>
<!-- endbuild -->

【问题讨论】：

标签： javascript html web-applications gruntjs bower

【解决方案1】：

我想我已经弄清楚了一些事情...以下是我为使事情正常进行所做的更改。

构建更改
我现在只包含要在index.html 中构建的文件。 pageX.html里面的意思我只有：

<!-- build:js scripts/pageX.js -->
<!-- endbuild -->`

Unexpected token '<'

这个错误不是由 grunt / yo 造成的。我的 Django 的 url 映射意外地响应了diag.js 的请求。它不是为 javascript 提供服务，而是为diag 提供视图。在查看提供的 .js 文件的源代码时，我注意到它实际上是完整的 HTML 文件。经验教训不要将您的 javascript 文件命名为与视图相同的名称。

【讨论】：