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。