更新css文件并缩小它

Posted 2023-03-06

【中文标题】更新css文件并缩小它

【英文标题】：Update css file and minify it

【发布时间】：2015-12-08 09:09:31

【问题描述】：

我用 php、html、javascript 和 css 为客户创建了一个网站。我首先使用 sass 来完成我的样式，但现在客户希望能够更改拼写错误和主颜色。我可以在管理员中添加功能，但我会使用 php（标题）而不是 sass 来覆盖所需的 css 样式。我更喜欢使用我的 sass 文件，但主机不支持 ruby​​。 有没有更好的解决方案来获得相同的结果？可以在宿主机中编译.scss文件吗？

【问题讨论】：

您希望客户更改整个 CSS 文件还是客户只​​想更改字体系列和原色？

你看过php-sass项目吗？我正在删除 ruby​​ 标记，因为这个问题实际上不需要任何方式的 ruby​​。

也许您可以在 css 更改时使用外部 web 服务与 ruby​​ 服务器通信，然后将编译后的 css 保存到 php 服务器。这就是我从 php 在 JS 上运行闭包编译器的方式...

客户只能通过选择列表和颜色选择器更改拼写错误和原色，而不是直接在 css 文件中。

【参考方案1】：

这里有两种解决方案：

1) 一种解决方案是用 Sass 变量替换所有出现的拼写错误和原色，并将它们添加到新文件 fx：_custom_customer_updates.scss 中。通过这样做，您有 1 个自定义 Sass 文件，其中仅包含可以更改的变量。当变量更新时，您通过 PHP 更新 Sass 文件，然后使用来自 @engineersmnky 的建议并根据您的所有 Sass 文件更新 CSS。

或者……

2) 您可以在 HTML 标头中包含 .css 文件后立即内联 CSS 更改。那么最新的更改将始终覆盖默认值，并且您的 Sass 文件不会被任何其他人更改。

<link type="text/css" rel="stylesheet" href="styles.css" media="all" />
<style>
body 
  color: green;
  font-familiy: Arial;

</style>