blocks|key|2189918|text|在linux上，您可以使用简单的shell+script+https://github.com/dfsq/compressJS.sh将多个javascript文件组合成一个文件。它利用了Closure+Compiler在线服务，因此生成的脚本也得到了有效的压缩。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2189919|$+./compressJS.sh+some-script.js+another-sctipt.js+onemore.js|code-block|syntax|javascript|2189920|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/dfsq/compressJS.sh^0|T|11|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

On linux you can use simple shell script <a href="https://github.com/dfsq/compressJS.sh" rel="noreferrer">https://github.com/dfsq/compressJS.sh</a> to combine multiple javascript files into the single one. It makes use of the Closure Compiler online service so the resulting script is also effectively compressed.

<pre><code>$ ./compressJS.sh some-script.js another-sctipt.js onemore.js
</code></pre>

blocks|key|57712|text|试试google+closure编译器：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|57713|http://code.google.com/closure/compiler/docs/gettingstarted_ui.html|offset|length|57714|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1V|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Try the google closure compiler:

<a href="http://code.google.com/closure/compiler/docs/gettingstarted_ui.html" rel="noreferrer">http://code.google.com/closure/compiler/docs/gettingstarted_ui.html</a>

blocks|key|3748837|text|只需组合文本文件，然后使用类似于YUI+Compressor的内容即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3748838|可以使用命令cat+*.js+>+main.js轻松地组合文件，然后可以使用java+-jar+yuicompressor-x.y.z.jar+-o+main.min.js+main.js通过YUI压缩器运行main.js。|style|CODE|3748839|更新2014年8月|BOLD|3748840|我现在已经迁移到使用Gulp进行javascript连接和压缩，就像使用各种插件和一些最小的配置一样，你可以做一些事情，比如设置依赖项，编译coffeescript等等，以及压缩你的JS。|3748841|entityMap|0|LINK|mutability|MUTABLE|url|https://yui.github.io/yuicompressor/|1|http://gulpjs.com/^0|G|E|0|0|6|I|12|1K|0|0|9|0|A|4|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@$A|11|B|12|F|G]|$A|13|B|14|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|15|8|@$A|16|B|17|F|J]]|9|@]|C|$]]|$1|K|3|L|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|M|3|-4|5|6|7|1C|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]]]

Just combine the text files and then use something like the <a href="https://yui.github.io/yuicompressor/" rel="nofollow noreferrer">YUI Compressor</a>.
Files can be easily combined using the command <code>cat *.js &gt; main.js</code> and main.js can then be run through the YUI compressor using <code>java -jar yuicompressor-x.y.z.jar -o main.min.js main.js</code>.
Update Aug 2014
I've now migrated to using <a href="http://gulpjs.com/" rel="nofollow noreferrer">Gulp</a> for javascript concatenation and compression as with various plugins and some minimal configuration you can do things like set up dependencies, compile coffeescript etc as well as compressing your JS.

blocks|key|1677175|text|您可以通过|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1677176|手动|1677177|a.：将所有Javascript文件复制到一个文件中，在上面运行压缩器(可选，但建议)，然后上传到服务器并使用PHP链接到该file.|unordered-list-item|offset|length|style|BOLD|1677178|b.：只需创建所有JS文件的数组，然后将它们全部include并输出到<script>+tag|CODE|1677179|中|1677180|entityMap^0|0|0|0|1V|0|0|1B|O|7|Z|8|0|0|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|T|8|@$G|U|H|V|I|J]]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@$G|X|H|Y|I|J]|$G|Z|H|10|I|M]|$G|11|H|12|I|M]]|9|@]|A|$]]|$1|N|3|O|5|6|7|13|8|@$G|14|H|15|I|J]]|9|@]|A|$]]|$1|P|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|Q|$]]

You can do this via

<ul>
<li>a. Manually: copy of all the Javascript files into one, run a compressor on it (optional but recommended) and upload to the server and link to that file.</li>
<li>b. Use PHP: Just create an array of all JS files and <code>include</code> them all and output into a <code>&lt;script&gt;</code> tag</li>
</ul>

blocks|key|3749007|text|我通常把它放在Makefile上|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3749008|#+All+.js+compiled+into+a+single+one.
compiled=./path/of/js/main.js

compile:
++++@find+./path/of/js+-type+f+-name+"*.js"+%7C+xargs+cat+>+$(compiled)|code-block|syntax|javascript|3749009|然后运行：|3749010|make+compile|3749011|我希望它能帮上忙。|3749012|entityMap^0|7|8|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|Y|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|R|$]]

I usually have it on a <code>Makefile</code>:

<pre><code># All .js compiled into a single one.
compiled=./path/of/js/main.js

compile:
 @find ./path/of/js -type f -name "*.js" | xargs cat &gt; $(compiled)
</code></pre>

Then you run:

<pre><code>make compile
</code></pre>

I hope it helps.

blocks|key|58021|text|将此脚本复制到记事本并另存为.vbs文件。将.js文件拖放到此脚本上。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|58022|ps。这将只在windows上工作。|58023|set+objArgs+=+Wscript.Arguments
set+objFso+=+CreateObject("Scripting.FileSystemObject")
content+=+""

'Iterate+through+all+the+arguments+passed
for+i+=+0+to+objArgs.count++
++++on+error+resume+next
++++'Try+and+treat+the+argument+like+a+folder
++++Set+folder+=+objFso.GetFolder(objArgs(i))
++++'If+we+get+an+error,+we+know+it+is+a+file
++++if+err.number+<>+0+then
++++++++'This+is+not+a+folder,+treat+as+file
++++++++content+=+content+&+ReadFile(objArgs(i))
++++else
++++++++'No+error?+This+is+a+folder,+process+accordingly
++++++++for+each+file+in+folder.Files
++++++++++++content+=+content+&+ReadFile(file.path)
++++++++next
++++end+if
++++on+error+goto+0
next

'Get+system+Temp+folder+path
set+tempFolderPath+=+objFso.GetSpecialFolder(2)
'Generate+a+random+filename+to+use+for+a+temporary+file
strTempFileName+=+objFso.GetTempName
'Create+temporary+file+in+Temp+folder
set+objTempFile+=+tempFolderPath.CreateTextFile(strTempFileName)
'Write+content+from+JavaScript+files+to+temporary+file
objTempFile.WriteLine(content)
objTempFile.Close

'Open+temporary+file+in+Notepad
set+objShell+=+CreateObject("WScript.Shell")
objShell.Run("Notepad.exe+"+&+tempFolderPath+&+"\"+&+strTempFileName)


function+ReadFile(strFilePath)
++++'If+file+path+ends+with+".js",+we+know+it+is+JavaScript+file
++++if+Right(strFilePath,+3)+=+".js"+then+++++++
++++++++set+objFile+=+objFso.OpenTextFile(strFilePath,+1,+false)
++++++++'Read+entire+contents+of+a+JavaScript+file+and+returns+it+as+a+string
++++++++ReadFile+=+objFile.ReadAll+&+vbNewLine
++++++++objFile.Close
++++else
++++++++'Return+empty+string
++++++++ReadFile+=+""
++++end+if++
end+function|code-block|syntax|javascript|58024|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Copy this script to notepad and save as .vbs file.
Drag&amp;Drop .js files on this script. 

ps.
This will work only on windows.

<pre class="lang-vbs prettyprint-override"><code>set objArgs = Wscript.Arguments
set objFso = CreateObject("Scripting.FileSystemObject")
content = ""

'Iterate through all the arguments passed
for i = 0 to objArgs.count 
 on error resume next
 'Try and treat the argument like a folder
 Set folder = objFso.GetFolder(objArgs(i))
 'If we get an error, we know it is a file
 if err.number &lt;&gt; 0 then
 'This is not a folder, treat as file
 content = content &amp; ReadFile(objArgs(i))
 else
 'No error? This is a folder, process accordingly
 for each file in folder.Files
 content = content &amp; ReadFile(file.path)
 next
 end if
 on error goto 0
next

'Get system Temp folder path
set tempFolderPath = objFso.GetSpecialFolder(2)
'Generate a random filename to use for a temporary file
strTempFileName = objFso.GetTempName
'Create temporary file in Temp folder
set objTempFile = tempFolderPath.CreateTextFile(strTempFileName)
'Write content from JavaScript files to temporary file
objTempFile.WriteLine(content)
objTempFile.Close

'Open temporary file in Notepad
set objShell = CreateObject("WScript.Shell")
objShell.Run("Notepad.exe " &amp; tempFolderPath &amp; "\" &amp; strTempFileName)


function ReadFile(strFilePath)
 'If file path ends with ".js", we know it is JavaScript file
 if Right(strFilePath, 3) = ".js" then 
 set objFile = objFso.OpenTextFile(strFilePath, 1, false)
 'Read entire contents of a JavaScript file and returns it as a string
 ReadFile = objFile.ReadAll &amp; vbNewLine
 objFile.Close
 else
 'Return empty string
 ReadFile = ""
 end if 
end function
</code></pre>

blocks|key|58107|text|我在Linux+https://github.com/eloone/mergejs上使用这个外壳脚本。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|58108|与上面的脚本相比，它的优点是非常易于使用，一个很大的优点是，您可以在输入文本文件中列出您想要合并的js文件，而不是在命令行中，因此您的列表是可重用的，并且您不必在每次想要合并文件时都键入它。这是非常方便的，因为您每次想要推向生产时都会重复此步骤。您还可以在列表中注释不想合并的文件。您最有可能键入的命令行是：|58109|$+mergejs+js_files_list.txt+output.js|code-block|syntax|javascript|58110|如果您还想压缩合并后的文件：|58111|$+mergejs+-c+js_files_list.txt+output.js|58112|这将创建被谷歌的闭包编译器缩小的output-min.js。或者：|style|CODE|58113|$+mergejs+-c+js_files_list.txt+output.js+output.minified.js|58114|如果您想要名为output.minified.js的精简文件的特定名称|58115|我发现这对一个简单的网站真的很有帮助。|58116|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/eloone/mergejs^0|8|X|0|0|0|0|0|0|G|D|0|0|7|I|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]]|C|$]]|$1|D|3|E|5|6|7|1A|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1B|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1C|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|1D|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|1E|8|@$A|1F|B|1G|Q|R]]|9|@]|C|$]]|$1|S|3|T|5|H|7|1H|8|@]|9|@]|C|$I|J]]|$1|U|3|V|5|6|7|1I|8|@$A|1J|B|1K|Q|R]]|9|@]|C|$]]|$1|W|3|X|5|6|7|1L|8|@]|9|@]|C|$]]|$1|Y|3|-4|5|6|7|1M|8|@]|9|@]|C|$]]]|Z|$10|$5|11|12|13|C|$14|15]]]]

I use this shell script on Linux <a href="https://github.com/eloone/mergejs">https://github.com/eloone/mergejs</a>. 

Compared to the above scripts it has the advantages of being very simple to use, and a big plus is that you can list the js files you want to merge in an input text file and not in the command line, so your list is reusable and you don't have to type it every time you want to merge your files. It's very handy since you will repeat this step every time you want to push into production. You can also comment files you don't want to merge in the list. The command line you would most likely type is :

<pre><code>$ mergejs js_files_list.txt output.js
</code></pre>

And if you want to also compress the resulting merged file :

<pre><code>$ mergejs -c js_files_list.txt output.js
</code></pre>

This will create <code>output-min.js</code> minified by Google's closure compiler. Or :

<pre><code>$ mergejs -c js_files_list.txt output.js output.minified.js
</code></pre>

If you want a specific name for your minified file named <code>output.minified.js</code>

I find it really helpful for a simple website.

blocks|key|57938|text|脚本分组会适得其反，您应该使用诸如http://yepnopejs.com/或http://headjs.com之类的东西并行加载它们|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|57939|entityMap|0|LINK|mutability|MUTABLE|url|http://yepnopejs.com/|1|http://headjs.com/^0|H|L|0|13|H|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

Script grouping is counterproductive, you should load them in parallel using something like <a href="http://yepnopejs.com/" rel="noreferrer">http://yepnopejs.com/</a> or <a href="http://headjs.com" rel="noreferrer">http://headjs.com</a>

blocks|key|2189809|text|您可以按照orangutancloud的建议使用闭包编译器。值得指出的是，您实际上不需要编译/缩减JavaScript，应该可以简单地将JavaScript文本文件连接到一个文本文件中。只需按照它们通常包含在页面中的顺序加入它们。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2189810|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You can use the Closure-compiler as orangutancloud suggests. It's worth pointing out that you don't actually need to compile/minify the JavaScript, it ought to be possible to simply concatenate the JavaScript text files into a single text file. Just join them in the order they're normally included in the page.

blocks|key|3748958|text|如果你正在运行PHP，我推荐使用Minify，因为它可以动态地组合和缩小CSS和JS。一旦你完成了配置，只需像平常一样工作，它就会处理所有的事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3748959|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/mrclay/minify^0|G|6|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you're running PHP, I recommend <a href="https://github.com/mrclay/minify" rel="nofollow">Minify</a> because it does combines and minifies on the fly for both CSS and JS. Once you've configured it, just work as normal and it takes care of everything.

blocks|key|1677550|text|您可以使用KjsCompiler：https://github.com/knyga/kjscompiler+Cool依赖项管理|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1677551|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/knyga/kjscompiler^0|H|10|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You can use KjsCompiler: <a href="https://github.com/knyga/kjscompiler" rel="nofollow">https://github.com/knyga/kjscompiler</a>
Cool dependency managment

blocks|key|1677488|text|你可以使用我写的脚本。不过，您需要JRuby来运行它。https://bitbucket.org/ardee_aram/jscombiner+(JSCombiner)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1677489|与众不同的是，它监视javascript中的文件更改，并自动将其组合到您选择的脚本中。所以不需要在每次测试时手动“构建”你的javascript。希望它能帮到你，我现在正在用这个。|1677490|entityMap|0|LINK|mutability|MUTABLE|url|https://bitbucket.org/ardee_aram/jscombiner^0|R|17|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

You can use a script that I made. You need JRuby to run this though.
<a href="https://bitbucket.org/ardee_aram/jscombiner" rel="nofollow">https://bitbucket.org/ardee_aram/jscombiner</a> (JSCombiner).

What sets this apart is that it watches file changes in the javascript, and combines it automatically to the script of your choice. So there is no need to manually "build" your javascript each time you test it. Hope it helps you out, I am currently using this.

blocks|key|57918|text|这可能有点费力，但你可以从codeplex下载我的开源维基项目：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|57919|http://shuttlewiki.codeplex.com|offset|length|57920|它包含一个使用http://yuicompressor.codeplex.com/项目的CompressJavascript项目(和CompressCSS)。|57921|代码应该是不言自明的，但它使组合和压缩文件变得更简单-对我来说:)|57922|ShuttleWiki项目展示了如何在构建后事件中使用它。|57923|entityMap|0|LINK|mutability|MUTABLE|url|http://shuttlewiki.codeplex.com/|1|http://yuicompressor.codeplex.com/^0|0|0|V|0|0|7|Y|1|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|F|3|G|5|6|7|10|8|@]|9|@$D|11|E|12|1|13]]|A|$]]|$1|H|3|I|5|6|7|14|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|15|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]|T|$5|O|P|Q|A|$R|U]]]]

This may be a bit of effort but you could download my open-source wiki project from codeplex:

<a href="http://shuttlewiki.codeplex.com" rel="nofollow">http://shuttlewiki.codeplex.com</a>

It contains a CompressJavascript project (and CompressCSS) that uses the <a href="http://yuicompressor.codeplex.com/" rel="nofollow">http://yuicompressor.codeplex.com/</a> project.

The code should be self-explanatory but it makes combining and compressing the files a bit simnpler --- for me anyway :)

The ShuttleWiki project shows how to use it in the post-build event.

I am using jquery in my web application and I need to load more jquery script files into a single page.

Google suggested I combine all the jquery script files into a single file.

How can I do this?

Combine multiple JavaScript files into one JS file

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我在我的web应用程序中使用了jquery，我需要将更多的jquery脚本文件加载到一个页面中。Google建议我将所有的jquery脚本文件合并成一个文件。我该怎么做呢？

问将多个JavaScript文件合并为一个JS文件
EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将多个JavaScript文件合并为一个JS文件EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将多个JavaScript文件合并为一个JS文件
EN