Question

这里有人能为我提供一些关于如何组合js文件的信息吗？我搜索了StackOverflow和谷歌，但无法找到我需要的东西。我正在使用Blogger，我有一些这样的脚本包括：

<script src='http://yourjavascript.com/5334401280/content-slider.js'/>
<script>
//<![CDATA[
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Προηγούμενο", "Επόμενο"], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: [true, 0.5], //[true/false, fadedegree]
autorotate: [true, 7500], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
//]]>
</script>

我可以将它们合并并减少HTML请求吗？提前谢谢。

Answer 1

您可以使用像GruntJS这样的构建工具将代码组合并缩小为一个文件。

http://gruntjs.com/

如果您使用Linux或MacOS进行开发，可以在终端中使用cat命令：

cat file1.js file2.js ... fileN.js > output.js

记住订单很重要。按照HTML文件中的顺序组合它们。现在您将拥有一个名为output.js的文件，其中包含您的所有JavaScript。然后只需在HTML中使用此文件。

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

在博客上结合Javascript

1 个答案: