Использование LESS CSS в Codeigniter - PullRequest
Новая
       2

Использование LESS CSS в Codeigniter

2 голосов
/ 13 марта 2012

Есть ли способ реализовать таблицу стилей LESS в проекте codeigniter, не полагаясь на искры и карабин?

В моем представлении в CI я размещаю ссылку на файл LESS и файл LESS.js непосредственно под ним, однако при просмотре сайта CI не распознает файл .LESS. Я попытался использовать относительные пути, а также жестко закодировать каталоги файлов напрямую, однако ничего не изменилось. Что-то, что я должен попытаться добавить в мой файл конфигурации, чтобы загрузить файлы LESS правильно?

Моя файловая структура для проекта CI выглядит следующим образом

  • приложение
    • Контроллеры
    • вид
  • система
  • JS
    • менее 1.2.2.min.js
    • plugins.js
  • CSS
    • style.css
    • style.less

Что касается моего заголовка, основанного на шаблоне html5, то для экономии места я включу только соответствующую информацию.

application -> views -> 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 ]

1 голос
/ 14 марта 2012

Вы используете mod_rewrite в httpd.conf? Если это так, вам нужно убедиться, что файлы .less освобождены. 

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

Один из способов легко определить, является ли это вашей проблемой, введите несуществующий URL на вашем сайте, который заканчивается на .less. Если вы видите страницу ошибки CI, это означает, что /index.php/ был вставлен в URL.

0 голосов
/ 13 марта 2012

Если вы работаете с клиентской (JavaScript) LESS, Codeigniter не будет вовлечен в работу LESS.Убедитесь, что вы правильно установили атрибут rel, когда связываете свой файл LESS со своими представлениями, и что файл less.js загружается правильно. 

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