{"id":525,"date":"2009-07-19T15:09:06","date_gmt":"2009-07-19T15:09:06","guid":{"rendered":"https:\/\/virtualchaos.co.uk\/blog\/?p=525"},"modified":"2009-07-19T15:09:06","modified_gmt":"2009-07-19T15:09:06","slug":"combining-minimising-and-distributing-javascripts","status":"publish","type":"post","link":"https:\/\/virtualchaos.co.uk\/blog\/2009\/07\/19\/combining-minimising-and-distributing-javascripts\/","title":{"rendered":"Combining, minimising and distributing JavaScripts"},"content":{"rendered":"

\nI’ve spent some time recently writing ant scripts to generate documentation, combine and minimise multiple javascript files into a single download. I thought I’d share what I have, in case others find it useful or can suggest better ways of doing what I’m trying to accomplish.\n<\/p>\n

\nCombining multiple JS files into a single file<\/strong><\/p>\n

\nHere’s a simple ant task that concatenates several files into a single file. The version.txt is a file that simple contains a version number in it i.e. ‘0.5’. <\/p>\n

\n
    \n
  1. \n
    <target<\/span> name<\/span>="combine"<\/span>><\/span><\/span><\/div>\n<\/li>\n
  2. \n
      <echo<\/span> message<\/span>="Concatenating Files"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
  3. \n
      <concat<\/span> destfile<\/span>=".\/dist\/uncompressed\/mydistribution-${VERSION}.js"<\/span>><\/span><\/span><\/div>\n<\/li>\n
  4. \n
        <fileset<\/span> dir<\/span>="."<\/span> includes<\/span>="file1.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
  5. \n
        <fileset<\/span> dir<\/span>="."<\/span> includes<\/span>="file2.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
  6. \n
        <fileset<\/span> dir<\/span>="."<\/span> includes<\/span>="file3.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
  7. \n
        <fileset<\/span> dir<\/span>="."<\/span> includes<\/span>="file4.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
  8. \n
        <fileset<\/span> dir<\/span>="."<\/span> includes<\/span>="file5.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
  9. \n
      <\/concat><\/span><\/span><\/span><\/div>\n<\/li>\n
  10. \n
    <\/target><\/span><\/span><\/span><\/div>\n<\/li>\n<\/ol>\n<\/div>\n

    \nMinimising using YUI Compressor<\/strong><\/p>\n

    You’ll need to download the latest version of the YUI Compressor<\/a>. All I’ve provided is a simple ant wrapper around it, and example of how to use it:<\/p>\n

    \n
      \n
    1. \n
      <property<\/span> name<\/span>="LIB_DIR"<\/span> value<\/span>=".\/lib"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
    2. \n
      <property<\/span> name<\/span>="YUI"<\/span> value<\/span>="${LIB_DIR}\/yui-compressor\/yuicompressor-2.4.2.jar"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
    3. \n
      <target<\/span> name<\/span>="minimiseJSFile"<\/span>><\/span><\/span><\/div>\n<\/li>\n
    4. \n
        <java<\/span> jar<\/span>="${YUI}"<\/span> fork<\/span>="true"<\/span> failonerror<\/span>="true"<\/span>><\/span><\/span><\/div>\n<\/li>\n
    5. \n
          <arg<\/span> line<\/span>="–type js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
    6. \n
          <arg<\/span> line<\/span>="-o ${outputFile}"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
    7. \n
          <arg<\/span> value<\/span>="${inputFile}"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
    8. \n
        <\/java><\/span><\/span><\/span><\/div>\n<\/li>\n
    9. \n
      <\/target><\/span><\/span><\/span><\/div>\n<\/li>\n
    10. \n
      <!– using the above –><\/span><\/span><\/div>\n<\/li>\n
    11. \n
      <target<\/span> name<\/span>="minimise"<\/span>><\/span><\/span><\/div>\n<\/li>\n
    12. \n
        <antcall<\/span> target<\/span>="minimiseJSFile"<\/span>><\/span><\/span><\/div>\n<\/li>\n
    13. \n
          <param<\/span> name<\/span>="inputFile"<\/span> value<\/span>=".\/dist\/uncompressed\/mydistribution-${VERSION}.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
    14. \n
          <param<\/span> name<\/span>="outputFile"<\/span> value<\/span>=".\/dist\/minimised\/mydistribution.min-${VERSION}.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
    15. \n
         <\/antcall><\/span><\/span><\/span><\/div>\n<\/li>\n
    16. \n
      <\/target><\/span><\/span><\/span><\/div>\n<\/li>\n
    17. \n
       <\/div>\n<\/li>\n<\/ol>\n<\/div>\n

      It’s worth noting that by default the YUI Compressor both minimises and obfuscates code, this is because the process of obfuscation also significantly reduces the size of the script since it substitutes your nice variable names with single letter variables. If you do not want this behaviour then you can add the ‘–nomunge’ directive as an arg line above .\n<\/p>\n

      Generating JS Documention<\/strong><\/p>\n

      For this to work you’ll need to download the latest version of JSDOC Toolkit<\/a>. In the example below im enumerating each file I want documentation generated for, you could just as easily point it at a directory.<\/p>\n

      \n
        \n
      1. \n
        <target<\/span> name<\/span>="doc"<\/span> description<\/span>="generates documentation for core rdfQuery"<\/span>><\/span><\/span><\/div>\n<\/li>\n
      2. \n
          <!– jsdoc-toolkit ant taks is currently broken, so we directly run –><\/span><\/span><\/div>\n<\/li>\n
      3. \n
          <echo<\/span> message<\/span>="Generating Documentation:"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
      4. \n
          <java<\/span> jar<\/span>="${JSDOC_TOOLKIT_DIR}\/jsrun.jar"<\/span> fork<\/span>="true"<\/span> failonerror<\/span>="true"<\/span>><\/span><\/span><\/div>\n<\/li>\n
      5. \n
            <arg<\/span> value<\/span>="${JSDOC_TOOLKIT_DIR}\/app\/run.js"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
      6. \n
            <arg<\/span> value<\/span>="-t=${JSDOC_TOOLKIT_DIR}\/templates\/jsdoc"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
      7. \n
            <arg<\/span> value<\/span>="-d=.\/dist\/documentation\/"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
      8. \n
            <arg<\/span> value<\/span>="file1.js"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
      9. \n
            <arg<\/span> value<\/span>="file2.js"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
      10. \n
            <arg<\/span> value<\/span>="file3.js"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
      11. \n
          <\/java><\/span><\/span><\/span><\/div>\n<\/li>\n
      12. \n
        <\/target><\/span><\/span><\/span><\/div>\n<\/li>\n
      13. \n
         <\/div>\n<\/li>\n<\/ol>\n<\/div>\n

        Packaging a distribution<\/strong><\/p>\n

        Here we want to simply create a single, easily downloadable zip file which contains the combined javascripts, a minimised version of this, and all the api documentation.<\/p>\n

        \n
          \n
        1. \n
             <\/div>\n<\/li>\n
        2. \n
            <target<\/span> name<\/span>="dist"<\/span>><\/span><\/span>       <\/div>\n<\/li>\n
        3. \n
              <zip<\/span> destfile<\/span>=".\/dist\/mydistribution-${VERSION}.zip"<\/span>><\/span><\/span><\/div>\n<\/li>\n
        4. \n
                <zipfileset<\/span> dir<\/span>=".\/dist\/uncompressed\/"<\/span> includes<\/span>="*.js"<\/span> prefix<\/span>=".\/dist\/uncompressed\/"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
        5. \n
                <zipfileset<\/span> dir<\/span>=".\/dist\/minimised\/"<\/span> includes<\/span>="*.js"<\/span> prefix<\/span>=".\/dist\/minimised\/"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
        6. \n
                <zipfileset<\/span> dir<\/span>=".\/dist\/documentation\/"<\/span> includes<\/span>="**\/**"<\/span> prefix<\/span>=".\/dist\/documentation\/"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
        7. \n
              <\/zip><\/span><\/span><\/span><\/div>\n<\/li>\n
        8. \n
           <\/target><\/span><\/span><\/span><\/div>\n<\/li>\n
        9. \n
           <\/div>\n<\/li>\n<\/ol>\n<\/div>\n

          Putting it altogether<\/strong><\/p>\n

          \nHere’s a real example of how you can combine the above together. I’ve copied the build.xml that I added to the rdfQuery<\/a> project below.:<\/p>\n

          \n
            \n
          1. \n
            <?xml<\/span> version<\/span>="1.0"<\/span>?><\/span><\/span><\/div>\n<\/li>\n
          2. \n
            <project<\/span> name<\/span>="rdfquery"<\/span> basedir<\/span>="."<\/span> default<\/span>="all"<\/span>><\/span><\/span>    <\/div>\n<\/li>\n
          3. \n
              <loadfile<\/span> property<\/span>="VERSION"<\/span> srcfile<\/span>="version.txt"<\/span> description<\/span>="Version to build"<\/span> ><\/span><\/span><\/div>\n<\/li>\n
          4. \n
                <filterchain><\/span><\/span><\/span><\/div>\n<\/li>\n
          5. \n
                  <striplinebreaks<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          6. \n
                <\/filterchain><\/span><\/span><\/span><\/div>\n<\/li>\n
          7. \n
              <\/loadfile><\/span><\/span><\/span><\/div>\n<\/li>\n
          8. \n
              <\/div>\n<\/li>\n
          9. \n
              <property<\/span> name<\/span>="DOCS_DIR"<\/span> value<\/span>=".\/docs"<\/span> description<\/span>="API documentation"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          10. \n
              <property<\/span> name<\/span>="DIST_DIR"<\/span> value<\/span>=".\/dist"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          11. \n
              <property<\/span> name<\/span>="LIB_DIR"<\/span> value<\/span>=".\/lib"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          12. \n
              <property<\/span> name<\/span>="JSDOC_TOOLKIT_DIR"<\/span> value<\/span>="${LIB_DIR}\/jsdoc-toolkit\/"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          13. \n
              <property<\/span> name<\/span>="YUI"<\/span> value<\/span>="${LIB_DIR}\/yui-compressor\/yuicompressor-2.4.2.jar"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          14. \n
              <!– Names for output –><\/span><\/span><\/div>\n<\/li>\n
          15. \n
              <property<\/span> name<\/span>="JS"<\/span> value<\/span>="${DIST_DIR}\/js\/"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          16. \n
              <property<\/span> name<\/span>="JS_MIN"<\/span> value<\/span>="${DIST_DIR}\/minimised\/"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          17. \n
                <\/div>\n<\/li>\n
          18. \n
              <target<\/span> name<\/span>="all"<\/span> depends<\/span>="init, doc, dist"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          19. \n
                <\/div>\n<\/li>\n
          20. \n
              <target<\/span> name<\/span>="doc"<\/span> description<\/span>="generates documentation for core rdfQuery"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          21. \n
                <!– jsdoc-toolkit ant taks is currently broken, so we directly run –><\/span><\/span><\/div>\n<\/li>\n
          22. \n
                <echo<\/span> message<\/span>="Generating Documentation:"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          23. \n
                <java<\/span> jar<\/span>="${JSDOC_TOOLKIT_DIR}\/jsrun.jar"<\/span> fork<\/span>="true"<\/span> failonerror<\/span>="true"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          24. \n
                  <arg<\/span> value<\/span>="${JSDOC_TOOLKIT_DIR}\/app\/run.js"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          25. \n
                  <arg<\/span> value<\/span>="-t=${JSDOC_TOOLKIT_DIR}\/templates\/jsdoc"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          26. \n
                  <arg<\/span> value<\/span>="-d=${DOCS_DIR}"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          27. \n
                  <arg<\/span> value<\/span>="jquery.uri.js"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          28. \n
                  <arg<\/span> value<\/span>="jquery.xmlns.js"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          29. \n
                  <arg<\/span> value<\/span>="jquery.datatype.js"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          30. \n
                  <arg<\/span> value<\/span>="jquery.curie.js"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          31. \n
                  <arg<\/span> value<\/span>="jquery.rdf.js"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          32. \n
                  <arg<\/span> value<\/span>="jquery.rdfa.js"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          33. \n
                  <arg<\/span> value<\/span>="jquery.rules.js"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          34. \n
                <\/java><\/span><\/span><\/span><\/div>\n<\/li>\n
          35. \n
              <\/target><\/span><\/span><\/span><\/div>\n<\/li>\n
          36. \n
                <\/div>\n<\/li>\n
          37. \n
              <target<\/span> name<\/span>="dist"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          38. \n
                <antcall<\/span> target<\/span>="combine"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          39. \n
                <antcall<\/span> target<\/span>="minimise"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          40. \n
                 <zip<\/span> destfile<\/span>="${DIST_DIR}\/jquery.rdfquery-${VERSION}.zip"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          41. \n
                   <zipfileset<\/span> dir<\/span>="${JS}"<\/span> includes<\/span>="*.js"<\/span> prefix<\/span>="${JS}"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          42. \n
                   <zipfileset<\/span> dir<\/span>="${JS_MIN}"<\/span> includes<\/span>="*.js"<\/span> prefix<\/span>="${JS_MIN}"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          43. \n
                   <zipfileset<\/span> dir<\/span>="${DOCS_DIR}"<\/span> includes<\/span>="**\/**"<\/span> prefix<\/span>="${DOCS_DIR}"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          44. \n
                 <\/zip><\/span><\/span><\/span><\/div>\n<\/li>\n
          45. \n
              <\/target><\/span><\/span><\/span><\/div>\n<\/li>\n
          46. \n
                <\/div>\n<\/li>\n
          47. \n
              <target<\/span> name<\/span>="combine"<\/span> description<\/span>="combines js files into three different files representing the three different packages for distribution"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          48. \n
                <echo<\/span> message<\/span>="Building rdfQuery Core Distribution"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          49. \n
                <concat<\/span> destfile<\/span>="${JS}\/jquery.rdfquery.core-${VERSION}.js"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          50. \n
                  <fileset<\/span> dir<\/span>="."<\/span> includes<\/span>="jquery.uri.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          51. \n
                  <fileset<\/span> dir<\/span>="."<\/span> includes<\/span>="jquery.xmlns.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          52. \n
                  <fileset<\/span> dir<\/span>="."<\/span> includes<\/span>="jquery.datatype.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          53. \n
                  <fileset<\/span> dir<\/span>="."<\/span> includes<\/span>="jquery.curie.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          54. \n
                  <fileset<\/span> dir<\/span>="."<\/span> includes<\/span>="jquery.rdf.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          55. \n
                <\/concat><\/span><\/span><\/span><\/div>\n<\/li>\n
          56. \n
                <\/div>\n<\/li>\n
          57. \n
                <echo<\/span> message<\/span>="Building rdfQuery RDFa Distribution"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          58. \n
                <concat<\/span> destfile<\/span>="${JS}\/jquery.rdfquery.rdfa-${VERSION}.js"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          59. \n
                  <fileset<\/span> dir<\/span>="${JS}\/"<\/span> includes<\/span>="jquery.rdfquery.core-${VERSION}.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          60. \n
                  <fileset<\/span> dir<\/span>="."<\/span> includes<\/span>="jquery.rdfa.js"<\/span> \/><\/span><\/span>            <\/div>\n<\/li>\n
          61. \n
                <\/concat><\/span><\/span><\/span><\/div>\n<\/li>\n
          62. \n
                    <\/div>\n<\/li>\n
          63. \n
                <echo<\/span> message<\/span>="Building rdfQuery Rules Distribution"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          64. \n
                <concat<\/span> destfile<\/span>="${JS}\/jquery.rdfquery.rules-${VERSION}.js"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          65. \n
                  <fileset<\/span> dir<\/span>="${JS}\/"<\/span> includes<\/span>="jquery.rdfquery.rdfa-${VERSION}.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          66. \n
                  <fileset<\/span> dir<\/span>="."<\/span> includes<\/span>="jquery.rules.js"<\/span> \/><\/span><\/span>            <\/div>\n<\/li>\n
          67. \n
                <\/concat><\/span><\/span><\/span><\/div>\n<\/li>\n
          68. \n
              <\/target><\/span><\/span><\/span><\/div>\n<\/li>\n
          69. \n
             <\/div>\n<\/li>\n
          70. \n
              <target<\/span> name<\/span>="minimise"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          71. \n
                <echo<\/span> message<\/span>="Minimising rdfQuery Core Distribution"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          72. \n
                <echo<\/span> message<\/span>="Minimising rdfQuery RDFa Distribution"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          73. \n
                <echo<\/span> message<\/span>="Minimising rdfQuery Rules Distribution"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          74. \n
             <\/div>\n<\/li>\n
          75. \n
                <antcall<\/span> target<\/span>="minimiseJSFile"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          76. \n
                  <param<\/span> name<\/span>="inputFile"<\/span> value<\/span>="${JS}\/jquery.rdfquery.core-${VERSION}.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          77. \n
                  <param<\/span> name<\/span>="outputFile"<\/span> value<\/span>="${JS_MIN}\/jquery.rdfquery.core.min-${VERSION}.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          78. \n
                <\/antcall><\/span><\/span><\/span>        <\/div>\n<\/li>\n
          79. \n
                <antcall<\/span> target<\/span>="minimiseJSFile"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          80. \n
                  <param<\/span> name<\/span>="inputFile"<\/span> value<\/span>="${JS}\/jquery.rdfquery.rdfa-${VERSION}.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          81. \n
                  <param<\/span> name<\/span>="outputFile"<\/span> value<\/span>="${JS_MIN}\/jquery.rdfquery.rdfa.min-${VERSION}.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          82. \n
                <\/antcall><\/span><\/span><\/span><\/div>\n<\/li>\n
          83. \n
                <antcall<\/span> target<\/span>="minimiseJSFile"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          84. \n
                  <param<\/span> name<\/span>="inputFile"<\/span> value<\/span>="${JS}\/jquery.rdfquery.rules-${VERSION}.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          85. \n
                  <param<\/span> name<\/span>="outputFile"<\/span> value<\/span>="${JS_MIN}\/jquery.rdfquery.rules.min-${VERSION}.js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          86. \n
                <\/antcall><\/span><\/span><\/span><\/div>\n<\/li>\n
          87. \n
              <\/target><\/span><\/span><\/span><\/div>\n<\/li>\n
          88. \n
             <\/div>\n<\/li>\n
          89. \n
              <target<\/span> name<\/span>="minimiseJSFile"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          90. \n
                <java<\/span> jar<\/span>="${YUI}"<\/span> fork<\/span>="true"<\/span> failonerror<\/span>="true"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          91. \n
                  <arg<\/span> line<\/span>="–type js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          92. \n
                  <arg<\/span> line<\/span>="-o ${outputFile}"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          93. \n
                  <arg<\/span> value<\/span>="${inputFile}"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          94. \n
                <\/java><\/span><\/span><\/span><\/div>\n<\/li>\n
          95. \n
              <\/target><\/span><\/span><\/span><\/div>\n<\/li>\n
          96. \n
                <\/div>\n<\/li>\n
          97. \n
              <target<\/span> name<\/span>="clean"<\/span> description<\/span>=""<\/span>><\/span><\/span><\/div>\n<\/li>\n
          98. \n
                <echo<\/span> message<\/span>="Deleting distribution and API documentation"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          99. \n
                <delete<\/span> dir<\/span>="${DIST_DIR}"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          100. \n
                <delete<\/span> dir<\/span>="${DOCS_DIR}"<\/span>\/><\/span><\/span><\/div>\n<\/li>\n
          101. \n
              <\/target><\/span><\/span><\/span><\/div>\n<\/li>\n
          102. \n
                <\/div>\n<\/li>\n
          103. \n
              <target<\/span> name<\/span>="init"<\/span> depends<\/span>="clean"<\/span>><\/span><\/span><\/div>\n<\/li>\n
          104. \n
                <mkdir<\/span> dir<\/span>="${DIST_DIR}"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          105. \n
                <mkdir<\/span> dir<\/span>="${DIST_DIR}\/js"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          106. \n
                <mkdir<\/span> dir<\/span>="${DIST_DIR}\/minimised"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          107. \n
                <mkdir<\/span> dir<\/span>="${DOCS_DIR}"<\/span> \/><\/span><\/span><\/div>\n<\/li>\n
          108. \n
              <\/target><\/span><\/span><\/span><\/div>\n<\/li>\n
          109. \n
            <\/project><\/span><\/span><\/span><\/div>\n<\/li>\n<\/ol>\n<\/div>\n

            Summary<\/p>\n

            I hope others find this useful. There are a number of obivious improvements that can be made but I hope it serves to illustrate the general principles. Let me know you all think<\/p>\n","protected":false},"excerpt":{"rendered":"

            I’ve spent some time recently writing ant scripts to generate documentation, combine and minimise multiple javascript files into a single download. I thought I’d share what I have, in case others find it useful or can suggest better ways of … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[367,63,366],"class_list":["post-525","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-ant","tag-javascript","tag-rdfquery"],"_links":{"self":[{"href":"https:\/\/virtualchaos.co.uk\/blog\/wp-json\/wp\/v2\/posts\/525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/virtualchaos.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/virtualchaos.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/virtualchaos.co.uk\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/virtualchaos.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=525"}],"version-history":[{"count":0,"href":"https:\/\/virtualchaos.co.uk\/blog\/wp-json\/wp\/v2\/posts\/525\/revisions"}],"wp:attachment":[{"href":"https:\/\/virtualchaos.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=525"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/virtualchaos.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=525"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/virtualchaos.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}