在 Codeigniter 中使用 LESS css答案

【问题标题】：Using LESS css in Codeigniter在 Codeigniter 中使用 LESS css
【发布时间】：2012-03-12 20:40:44
【问题描述】：

有没有办法在 codeigniter 项目中实现 LESS 样式表，而不必依赖 sparks 和 Carabiner？

在我的 CI 视图中，我将 LESS 文件的链接和 LESS.js 文件直接放在下面，但是当我查看该站点时，CI 无法识别 .LESS 文件。我尝试过使用相对路径以及直接对文件目录进行硬编码，但是没有任何变化。有什么我应该尝试添加到我的配置文件以正确加载 LESS 文件的吗？

我的CI项目文件结构如下

申请
- 控制器
- 观看次数
系统
js
- less-1.2.2.min.js
- plugins.js
CSS
- style.css
- style.less

至于我的标题，它基于 html5 样板，为了节省空间，我将只包含相关信息。

应用程序 -> 视图 -> layout.php

<meta name="viewport" content="width=device-width">

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

<link rel="stylesheet/less" type="text/css" media="screen" href="css/style.less">
<script src="js/less-1.2.2.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<!-- end CSS-->

【问题讨论】：

你说你的文件是less.1.2.2.min.js，但你包括less-1.2.2.min.js——不匹配只是你问题中的一个错字吗？
是的，很抱歉。应该是 less-1.2.2.min.js，而不是 less.1.2.2.min.js
登山扣是否还在积极开发中？我用过一次，它臃肿，从此再也没有回头。你绝对不需要它来做任何事情。

标签： php codeigniter less

【解决方案1】：

你在 httpd.conf 中使用 mod_rewrite 吗？如果是这样，您需要确保 .less 文件被豁免。

RewriteCond %{REQUEST_URI} !(^alocalfarmCI/index\.php|\.png$|\.gif$|\.less$|\.js$|\.css$|/robots

一种轻松判断这是否是您的问题的方法，在您的网站中输入一个不存在的以 .less 结尾的网址。如果您看到 CI 的错误页面，则表示 /index.php/ 已插入 url。

【讨论】：

【解决方案2】：

如果您使用客户端 (javascript) LESS 运行，Codeigniter 将不会参与 LESS 的运行方式。确保在视图中链接 LESS 文件时正确设置了 rel 属性，并且正确加载了 less.js 文件。

<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>

【讨论】：

一切都正确链接。我在项目根目录中有我的 javascript 和较少的文件。开发人员工具显示 js 和 LESS 文件都具有正确的路径，并且 js 文件加载并且我可以在 DT 中查看，但是找不到 LESS 文件并且单击源上的链接将我引导回 js 文件。
嗯，那可能就是您的问题所在。您能否使用相关目录结构和您在视图中使用的代码更新您的问题？