生产和 XAMPP 上的不同 css答案

【问题标题】：Different css on production and XAMPP生产和 XAMPP 上的不同 css
【发布时间】：2017-01-25 15:31:41
【问题描述】：

我在/public/css/app/css 中有app.css 文件，头部有以下链接：

<link rel="stylesheet" href="\css\app.css">

在 XAMPP 中它可以完美运行，但是当我在生产环境中部署时没有显示更改 - http://i.imgur.com/ebOhvnM.png。我检查了部署，它也可以正常工作。

有没有可能是因为事实上href指向/source/app.**s**ccs-http://i.imgur.com/rBgC1VS.png？但它在生产环境和 XAMPP 上都是一样的。

我已经安装了 gulp.js 和 node.js，但不要使用它们。

所以我有两个问题： 1. 为什么XAMPP和生产上的信息显示方式不一样？ 2. 什么生成/source/app.scss？

【问题讨论】：

生产服务器上有缓存吗？试试 CTRL+F5。
我怀疑您使用的是 Boostrap 或 Foundation？那些使用 scss 文件，然后使用 gulp 或 compass 将它们编译为 css。你是如何部署到 prod 的？
@Jerodev 谢谢你的帮助）

【解决方案1】：

将此<link...> 路径更改为使用Unix / 而不是DOS `\'

<link rel="stylesheet" href="/css/app.css">

PHP 和 Apache 中的所有路径信息也是如此。

/ 也可以在 Windows Apache/PHP 上工作，因为它们都将 Windows 上的 / 修复为应有的状态。

在 Windows 上开发并在 UNIX 上运行并不麻烦，但您必须记住一些简单的规则，这就是其中之一。

【讨论】：

【解决方案2】：

一个潜在的解决方案是您尝试评估原始 scss 而不是编译后的 css。如果您在本地版本上有 javascript sass 编译器，但在生产中没有，它可以解释您遇到的问题。

Scss 是用 Sass 构建的原始的、未编译的 CSS 形式。
由于它不是有效的 CSS，您的浏览器无法正确解释它，因此需要对其进行编译。

尝试将 scss 粘贴到 http://www.sassmeister.com，使用编译后的输出创建一个 .css 文件，然后更新您的 <link> 以指向 .css 文件。

【讨论】：