How do I concatenate JavaScript files into one file?

by

I recommend using Apache Ant and YUI Compressor.

http://ant.apache.org/

http://yui.github.com/yuicompressor/

Put something like this in the Ant build xml.
It will create two files, application.js and application-min.js.

<target name="concatenate" description="Concatenate all js files">
    <concat destfile="build/application.js">
        <fileset dir="src/js" includes="*.js" />
    </concat>
</target>

<target name="compress" depends="concatenate" description="Compress application.js to application-min.js">
    <apply executable="java" parallel="false">
        <filelist dir="build" files="application.js" />
        <arg line="-jar" />
        <arg path="path/to/yuicompressor-2.4.2.jar" />
        <srcfile />
        <arg line="-o" />
        <mapper type="glob" from="*.js" to="build/*-min.js" />
        <targetfile />
    </apply>
</target>

More Related Contents:

  1. JavaScript implementation of Gzip [closed]
  2. How to compress an image via Javascript in the browser?
  3. Tool to Unminify / Decompress JavaScript [closed]
  4. Best JavaScript compressor [closed]
  5. Decompress gzip and zlib string in javascript
  6. How can I run a program or batch file on the client side?
  7. Exclude debug JavaScript code during minification
  8. What do you use to minimize and compress JavaScript libraries? [closed]
  9. ZLIB Decompression – Client Side
  10. How can I use deflated/gzipped content with an XHR onProgress function?
  11. How can I add 1 day to current date?
  12. What is the difference between ( for… in ) and ( for… of ) statements?
  13. How do I add a simple onClick event handler to a canvas element?
  14. How to configure CORS in a Spring Boot + Spring Security application?
  15. Invalid date in safari
  16. Sorting HTML table with JavaScript
  17. Javascript – How to extract filename from a file input control
  18. sort object properties and JSON.stringify
  19. Simulating a mousedown, click, mouseup sequence in Tampermonkey?
  20. Declare an empty two-dimensional array in Javascript?
  21. How to pass parameters to a modal?
  22. How do I change the ID of a HTML element with JavaScript?
  23. Debounce function in jQuery
  24. Is it possible to rename a key in the Firebase Realtime Database?
  25. Should we use useCallback in every function handler in React Functional Components
  26. How can I use regex to get all the characters after a specific character, e.g. comma (“,”)
  27. Is there a javascript LaTeX equation renderer? [closed]
  28. Angular 2 AuthGuard Service with redirect?
  29. How do I make a callable JS object with an arbitrary prototype? [duplicate]
  30. Javascript: PI (π) Calculator

Leave a Comment