将缩小的javascript直接放入HTML中的脚本标记

问题描述:

我想直接在HTML页面中将缩小的java脚本内容放入标记中。我有html页面,如:将缩小的javascript直接放入HTML中的脚本标记

<html> 
    <head> 
     <script src="jquery.js"></script> 
     <script src="iemagic.js"></script> 
     <script src="shim.js"></script> 
     <script src="jszip.js"></script> 
     <script src="xlsx.js"></script> 
    </head> 
</html> 

我已经过压缩所有的JavaScript内容,并把它称为“all.js”单个文件和HTML工作得很好,现在它看起来像:

<html> 
    <head> 
     <script src="all.js"></script> 
    </head> 
</html> 

我想直接在“脚本”标签中将“all.js”的所有内容都包含在HTML中。我尝试过,但没有运气,当我在浏览器中打开HTML文件时,它显示了我已经在“脚本”标记中复制的所有Java脚本内容。

有没有其他办法呢?

+0

你想这是自动还是手动? –

+0

这里有像[Gulp](http://gulpjs.com/)或[Bower](https://bower.io/)这样的构建工具。你可能想检查一下。 – choz

+0

谢谢大家,我也听说过“Gulp and Bower”会做,但我想知道这些步骤。 @Venkatraman - 任何东西,我只是想删除所有的“JS”文件,应该只有一个HTML文件。 – user3515080

谢谢大家对我的帮助。我找到了解决方案。 *添加了所有“js”文件在不同的“脚本”标记测试工作正常,但一些JavaScript行在browswer中可见。 *问题是“iemagic.js”的评论是不正确的,并造成了问题。 *我删除了那些注释行,现在正在查找。没有任何“js”文件和只有一个HTML。谢谢大家的帮助和宝贵的时间。

您可以使用一饮而尽或jscompress

+0

我试过,并在“all.js”中复制,它工作正常。但我想直接在“脚本”标记中将所有内容移动到HTML页面。谢谢。 – user3515080

+0

因此,您有用于定义页面内容的对象数据? –

+0

@DincaAdrian - 你能详细说明吗?谢谢。 – user3515080