The goal here is to work this in as

The goal here is to work this in as part of your workflow, working with an uncompressed version of the JavaScript code while developing your game, and delivering a compressed version of the code when you deploy your game to Heroku. There are a lot of ways to manage this: Paul Irish’s HTML5 Boilerplate project (http://html5boilerplate.com/) comes with a set of Java ANT tasks to manage minifying not only your JavaScript code but also your static HTML and CSS using several open source projects. Rakefiles (a set of automated tasks written in Ruby) help a lot, so does using a bash or Windows batch file to automate the generation of these files. Depending on the tools you are most comfortable with (and operating system), you should pick an automation framework that works for you. Because the HTML5 Boilerplate is being actively maintained and provides tools for several different operating systems, it makes a good tool to start from. I will simplify the build process; HTML5 Boilerplate has quite a few tools to assist in the compression of JavaScript, images, and CSS. However, if you find that you require a more complex build process, I encourage you to read the source of the ant-build-script repository very closely (https://github.com/h5bp/ant-build-script), and customize to your needs. The first step is to download the latest Boilerplate code (from https://github.com/h5bp/ant-build-script/zipball/master). We will not need everything from the decompressed package, so just copy its contents directory into a new ‘build’ directory in your game project. This directory will contain an ANT script (build.xml), a configuration directory, scripts to start new Boilerplate projects, and a tools directory with the tools necessary to automate the compression of CSS, JavaScript, and different image assets. For right now, we will only be using the tools directory, so feel free to delete the other files (everything but build/tools) in your project. In the top level of your project, you can create a new ANT script named build.xml. ANT is a Java-based tool that allows you to build up automation tasks with XML. In the build.xml file, we will add some tasks to automate our compression of our assets, appending “-min” to the filenames to ensure we do not overwrite something we will need to edit (see Listing 11–29).

Kết quả (Việt) 1:

Mục tiêu ở đây là để làm việc này như một phần của công việc của bạn, làm việc với một phiên bản không nén mã JavaScript trong khi phát triển trò chơi của bạn, và cung cấp một phiên bản nén của các mã khi bạn triển khai các trò chơi của bạn để Heroku. Có rất nhiều cách để quản lý điều này: Paul Irish HTML5 Boilerplate dự án (http://html5boilerplate.com/) đi kèm với một tập hợp các Java kiến nhiệm vụ quản lý minifying không chỉ mã JavaScript của bạn nhưng cũng tĩnh HTML và CSS bằng cách sử dụng một số của bạn mở nguồn dự án. Rakefiles (một tập hợp các tác vụ tự động viết bằng Ruby) giúp đỡ rất nhiều, do đó, hiện bằng cách sử dụng một bash hoặc tập tin thực thi Windows để tự động hoá các thế hệ của những tập tin này. Tùy thuộc vào các công cụ bạn đang thoải mái nhất với (và hệ điều hành), bạn nên chọn một khuôn khổ tự động hóa hoạt động cho bạn. Bởi vì HTML5 Boilerplate đang được tích cực duy trì và cung cấp công cụ cho nhiều hệ điều hành khác nhau, nó làm cho một công cụ tốt để bắt đầu từ. Tôi sẽ đơn giản hóa quá trình xây dựng; HTML5 Boilerplate có khá một vài công cụ để hỗ trợ trong nén của JavaScript, hình ảnh, và CSS. Tuy nhiên, nếu bạn thấy rằng bạn yêu cầu một phức tạp hơn quá trình xây dựng, tôi khuyên bạn nên đọc là nguồn gốc của các kho kiến xây dựng kịch bản rất chặt chẽ (https://github.com/h5bp/ant-build-script), và tùy chỉnh theo nhu cầu của bạn. Bước đầu tiên là để tải về mã nguồn Boilerplate mới nhất (từ https://github.com/h5bp/ant-build-script/zipball/master). Chúng tôi sẽ không cần tất cả mọi thứ từ các gói decompressed, vì vậy, chỉ cần sao chép thư mục nội dung của nó vào một thư mục 'xây dựng' mới trong dự án trò chơi của bạn. Thư mục này sẽ chứa một kịch bản kiến (build.xml), một thư mục cấu hình, các kịch bản để bắt đầu dự án Boilerplate mới, và một thư mục công cụ với các công cụ cần thiết để tự động nén CSS, JavaScript, và tài sản hình ảnh khác nhau. Đối với ngay bây giờ, chúng tôi sẽ chỉ sử dụng thư mục công cụ, vì vậy hãy xóa các tập tin khác (mọi thứ nhưng xây dựng/công cụ) trong dự án của bạn. Ở cấp cao nhất của dự án của bạn, bạn có thể tạo ra một kịch bản kiến mới tên là build.xml. KIẾN là một công cụ dựa trên Java cho phép bạn xây dựng tự động hóa công việc với XML. Trong tập tin build.xml, chúng tôi sẽ thêm một số nhiệm vụ để tự động hoá của chúng tôi nén của tài sản của chúng tôi, phụ thêm "-min" để tên tập tin để đảm bảo chúng tôi không ghi đè lên một cái gì đó chúng tôi sẽ cần phải chỉnh sửa (xem danh sách 11-29).

Kết quả (Việt) 2:

Mục tiêu ở đây là để làm việc này trong như một phần của công việc của bạn, làm việc với một phiên bản nén của mã JavaScript trong khi phát triển trò chơi của bạn, và cung cấp một phiên bản nén của các mã khi bạn triển khai trò chơi của bạn để Heroku. Có rất nhiều cách để quản lý này: Dự án HTML5 Boilerplate Paul Ailen (http://html5boilerplate.com/) đi kèm với một tập hợp các nhiệm vụ ANT Java để quản lý Giảm bớt không chỉ mã JavaScript mà còn HTML tĩnh của bạn và sử dụng một số CSS các dự án mã nguồn mở. Rakefiles (một tập hợp các nhiệm vụ tự động viết bằng Ruby) giúp đỡ rất nhiều, do đó, không sử dụng một bash hoặc Windows tập tin batch để tự động thế hệ của những tập tin này. Tùy thuộc vào các công cụ mà bạn thấy thoải mái nhất (và hệ điều hành), bạn nên chọn một khung tự động hóa mà làm việc cho bạn. Bởi vì HTML5 Boilerplate đang được tích cực duy trì và cung cấp các công cụ cho hệ thống điều hành khác nhau, nó làm cho một công cụ tốt để bắt đầu. Tôi sẽ đơn giản hóa quá trình xây dựng; HTML5 Boilerplate đã có khá một vài công cụ để hỗ trợ trong quá trình nén của JavaScript, hình ảnh và CSS. Tuy nhiên, nếu bạn thấy rằng bạn cần một quá trình xây dựng phức tạp hơn, tôi khuyến khích bạn đọc các nguồn của kho kiến-build-kịch bản rất chặt chẽ (https://github.com/h5bp/ant-build-script), và tùy theo nhu cầu của bạn. Bước đầu tiên là tải về mã Boilerplate mới nhất (từ https://github.com/h5bp/ant-build-script/zipball/master). Chúng tôi sẽ không cần tất cả mọi thứ từ gói giải nén, vì vậy chỉ cần sao chép thư mục nội dung của nó vào một thư mục 'xây dựng' mới trong dự án game của bạn. Thư mục này sẽ chứa một kịch bản ANT (build.xml), một thư mục cấu hình, kịch bản để bắt đầu dự án Boilerplate mới, và một công cụ thư mục với các công cụ cần thiết để tự động nén của CSS, JavaScript, và các tài sản hình ảnh khác nhau. Còn bây giờ, chúng ta sẽ chỉ có thể sử dụng các thư mục công cụ, vì vậy cảm thấy miễn phí để xóa các tập tin khác (tất cả mọi thứ nhưng xây dựng / công cụ) trong dự án của bạn. Ở cấp cao nhất của dự án của bạn, bạn có thể tạo ra một kịch bản mới có tên ANT build.xml. ANT là một công cụ dựa trên Java, cho phép bạn xây dựng các nhiệm vụ tự động hóa với XML. Trong file build.xml, chúng ta sẽ thêm một số nhiệm vụ để tự động nén của chúng ta về tài sản của chúng tôi, phụ thêm "-min" vào tên tập tin để đảm bảo chúng tôi không ghi đè lên một cái gì đó chúng tôi sẽ cần phải chỉnh sửa (xem Liệt kê 11-29).