在Codeigniter中使用LESS css


Using LESS css in Codeigniter

有没有一种方法可以在代码点火器项目中实现LESS样式表,而不必依赖sparks和Carabiner?

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

我的CI项目文件结构如下

  • 应用程序
    • 控制器
    • 视图
  • 系统
  • js
    • 小于-1.2.2分钟.js
    • 插件.js
  • css
    • 样式.css
    • style.less

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

应用程序->视图->布局.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-->

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

重写结束%{REQUEST_URI}!(^alocalfarmCI/index''.php|''.png$|''.gif$|''.less$|''.js$|''.css$|/arobots

一种简单判断这是否是您的问题的方法是,在您的网站中键入一个不存在的url,该url以.less结尾。如果您看到CI的错误页面,则意味着在url中插入了/index.php/。

如果使用客户端(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>