以最好的方式管理css和js

我有一个很大的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,也看起来很肮脏。 如果人们分享他们为他们的应用所做的事情,那对我来说真的很有帮助。 提前致谢。


通常,您可以采用两条路径预处理资产:缩小,压缩,uglify等。

  • 你可以使用你正在使用的后端。 作为示例,您将Rails的资产管道使用链轮,或者使用PHP的Assetic。

  • 如果您不想依赖后端完成此任务,则可以选择使用任何前端构建工具来完成此任务。 这里有一些最受欢迎的用于ember-cli的选项似乎是西兰花,它默认设置。 其他选择可能是吞咽或咕噜声。 所有这些选项都涉及使用您的终端构建应用程序,使用配置文件作为中心点( Brocfile.jsGruntfile.js等)

  • 这主要是个人喜好的问题。 举个例子,我可能会使用Rails资产管道来处理小型项目,而如果我正在开发更大的项目,我会使用ember-clibroccoli

    链接地址: http://www.djcxy.com/p/65813.html

    上一篇: Ember best way to manage css and js

    下一篇: Ember way to implement Contact us form