我在本地开发中使用 Less CSS 处理我的 Django 站点。一切看起来都很好。我包括如下文件:
<link rel="stylesheet/less" type="text/css" href="{{ STATIC_URL }}less/base.less">
<script src="{{ STATIC_URL }}js/less-1.1.3.min.js" type="text/javascript"></script>
但是，当我将元素部署到 Heroku 时，Less CSS 莫名其妙地不起作用。我有什么问题吗？
我知道我已正确设置静态媒体这一事实:我可以从正确的路径下载 base.less 和 less-1.1.3.min.js 就好了。
注意:我意识到最好编译和缩小我的 .less 文件以用于生产，但这只是用于开发目的的临时服务器。
注意 2:如果您知道如何将 Less CSS 的编译添加到 Heroku 部署过程中，而无需安装 node.js，除了我的主要问题之外，我还有兴趣学习如何做到这一点..
最佳答案
问题是 less.js 通过 XHR 加载 .less 样式表，除非您设置适当的 Access-Control-Allow-Origin header ，否则它不起作用，而 S3 不允许这样做 (https://forums. aws.amazon.com/thread.jspa?threadID=34281)。
作为解决方法，一些人建议设置一个 HTTP 代理，它会添加必要的 header 。 (http://motoole.com/2011/10/19/hosting-font-face-fonts-on-s3.html) 和 (http://zefer.posterous.com/pure-html-ajax-solutions-to -上传文件到-s)
否则，您将不得不将 .less 文件编译为 CSS，因为 less.js 将无法工作。
当然，另一种选择(我使用的)是将静态文件简单地部署到 Apache 服务器，而不是将它们托管在 S3 中。
关于css - 如何使用 Less CSS 将元素部署到 Heroku？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8118249/