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

时间:2013-12-31 21:35:21

标签: javascript html web-applications gruntjs bower

我一直在使用哟/凉亭几个星期,我很享受它。但是我在向我的网络应用程序添加其他页面时遇到了麻烦(需要JS)。

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

截至目前,它会生成page1.jspage2.js,但遗憾的是无法运行。在文档加载时我收到此错误。

  

SyntaxError:意外的标记'<'

这是将其他html文件添加到yo网络应用程序的正确方法吗?几乎我发现的关于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 -->

1 个答案:

答案 0 :(得分:0)

我想我已经想出了一些事情......以下是我为使事情发挥作用所做的改变。

构建变更
我现在只包含要在index.html中构建的文件。在pageX.html中的含义我只有:

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

<强> Unexpected token '<'

此错误不是由grunt / yo做的任何事情引起的。我的Django的url映射意外地响应了diag.js的请求。它不是提供javascript,而是提供diag的视图。我注意到在查看服务的.js文件的源时,它实际上是完整的HTML文件。获得的经验不要将您的javascript文件命名为与视图相同