在Codeigniter中使用LESS css

时间:2012-03-12 20:40:45

标签: php codeigniter less

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

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

我的CI项目的文件结构如下

  • 应用
    • 控制器
    • 视图
  • 系统
  • JS
    • 少-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-->

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:0)

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

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