jquery - 具有标准 HTML 站点缩小和分组选项的 Assets 管理器

标签 jquery html node.js css cakephp

我主要使用 CakePHP 框架,使用非常酷的附加插件将选定的 Assets 缩小并分组到一个完整的文件中,因此只对整个站点发出一个 HTTP 请求。

我现在正在与设计师合作,他们虽然想要非常酷的动态构建网站,但不喜欢在 Dreamweaver 中失去对构建 CSS/设计的控制。虽然只是为了补充,但我会补充说,我认为我可能比 CSS 更好——我现在通常使用 SCSS——比他们更好 :)。

所以他们仍然希望在标准 CSS 和 html 中构建,我可以在主干中添加一些东西来给我路由器/路径管理。 - 虽然我以前没有使用过它,所以在那里学习了一些 :)。

但我真正想知道的是,是否有任何方法可以仅使用 PHP 插件对 Assets 进行分组/缩小?或者一个 Node.JS 插件,它只会输出我需要的文件(它将是一个标准的网络托管,所以不支持 Node.JS)。我认为 PHP 插件最好?

有什么想法吗?

或者我应该考虑自己构建一个?

谢谢格伦。

最佳答案

您可以使用 gruntjs .它是一个强大的工具,可以编译/压缩 javascript、scss、css、r.js 等等。

它是基于 nodejs 的,因此您可以简单地使用 npm 安装它,并在 /public 文件夹中配置您的文件输出,您可以将其上传到您的托管服务。

node.js 的唯一需要是在您的开发环境中。

它支持像 watch 这样的开箱即用插件,可以在编辑模式下重新编译/缩小,并且有大量插件可以帮助您完成此类任务。

它几乎是 NodeJS 元素的标准。

关于jquery - 具有标准 HTML 站点缩小和分组选项的 Assets 管理器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19447981/

相关文章:

javascript - HTML5 canvas for 循环不会绘制数组中的第一个对象

mysql - 在 sequelize 中使用 where 子句 with 或 condition

node.js - AWS 上 Node 应用程序的 Docker 退出状态 1

javascript - 滚动页面时背景图像上的视差滚动

jquery - DOMNodeInserted 无法正常工作

javascript - 多选组获取值

node.js - 可点击的 HeroCard 图像

javascript - 如何组合按键和单击这两个事件

javascript - 如何在ajax成功时重新启用提交按钮?

html - 在 iOS 7 或 8 的网页 View 中使用不同的样式表