Ember最好的方式來管理css和js

Question

我有一個很大的PHP應用程序，我將轉換爲ember.js。在我的php應用程序中，我曾經擁有獨立的css和js文件，這些文件在調用特定路由時加載。在ember.js中完成這個最好的方法是什麼或者是否有其他的最佳實踐。現在我正在我的index.html文件中加載所有js和css文件。

<link type="text/css" rel="stylesheet" href="assets/css/gumby.css" media="all" /> 
<link type="text/css" rel="stylesheet" href="assets/css/pages/global.css" media="all" /> 
<link type="text/css" rel="stylesheet" href=assets/css/tooltipster.css" media="screen" /> 
<link type="text/css" rel="stylesheet" href="assets/css/jquery.fancybox.css" media="screen" /> 
<link type="text/css" rel="stylesheet" href="assets/css/pages/about.css" media="screen" /> 
<link type="text/css" rel="stylesheet" href="assets/css/pages/admin.css" media="screen" /> 
<link type="text/css" rel="stylesheet" href="assets/css/pages/global_print.css" media="print" /> 

js文件：

<script src="assets/js/libs/jquery-1.9.0.min.js"></script> 
<script src="js/libs/handlebars-1.1.2.js"></script> 
<script src="js/libs/ember-1.6.1.js"></script> 
<script src="js/libs/ember-data.js"></script> 
<script src="js/app.js"></script> 
<script src="js/router.js"></script> 
<script src="js/account.js"></script> 
<script src="js/message.js"></script> 
<script src="js/user.js"></script> 
<script src="js/inquiry.js"></script> 

我看到這個教程http://madhatted.com/2013/6/29/lazy-loading-with-ember也看着燼-CLI。如果人們分享他們爲他們的應用所做的事情，那對我來說真的很有幫助。提前致謝。

Answer 1

通常可以採取兩種途徑來預處理您的資產：縮小，壓縮，醜化等

• 您可以與您正在使用的後端做到這一點。作爲示例，您的Rails使用鏈接的asset pipeline或PHP的Assetic。

• 如果您不想依賴後端完成此任務，則可以選擇使用任何前端構建工具來完成此任務。這裏有幾個，ember-cli這些天最受歡迎的選項似乎是broccoli，它默認設置。其他選擇可以是gulp或grunt。所有這些選項涉及到使用終端來構建應用程序，使用配置文件作爲中心點（Brocfile.js，Gruntfile.js等）

這主要是個人喜好的問題。舉個例子，我可能會使用Rails資產管道來處理小型項目，而如果我正在處理更大的項目，我會使用ember-cli和broccoli。