如何在CodeIgniter中正确安装/使用LESS


How to properly install/use LESS in CodeIgniter

我最初的问题是链接多个样式表框架。我的主要选择是Materialize,出于某些原因,我想在一些按钮和其他组件上集成Bootstrap。经过几个小时的绝望研究,我发现自己正盯着css预处理器,例如LESS和SASS。我发现你可以使用这些Badass做动态css。

再花几个小时决定使用哪一个,我最终都没能安装。

到目前为止,我成功地下载了bootstrap-sass,并将其集成到我的项目中,并使用grunt进行了编译(按照以下说明进行操作)。我不知道如何使用它,也不知道从哪里开始。

我在这里找到了一些很酷的参考资料,但这还不足以让我继续前进。

.bootstrap {
    @import "/bootstrap.less"
}

我有我的后续问题到帖子:

  1. 我应该在我的index.php上链接less文件吗
  2. 我可以使用任何编辑器,用任何更少的编译器编译更少的吗
  3. 我应该链接编译的less还是创建的css
  4. 我需要用更少的钱吗

注意:我是一个完全的新手,有LESS和SASS。任何信息都是++。

我个人更喜欢Sass,我经常使用它,即使是用于小型CSS样式表!

这是我的答案:

  1. 绝对不是!less文件不用于浏览器分析。它仅用于开发目的,即生成一个或多个.css文件
  2. 请随意使用任何您喜欢的编辑器,并使用任何您想要的编译器进行编译。例如,我为Sass使用Scout应用程序
  3. 您必须仅链接.css生成的文件
  4. 这取决于你的项目和/或你的需求。LESS和Sass非常相似

其他提示:在CodeIgniter应用程序上安装一个资产助手,并在资产文件夹中放置css和less文件。请参阅下面的目录结构:

application
system
user_guide
assets
--css
--less
--js
--img
ecc...

将你的less文件与css文件分开。将css文件与资产助手链接,您将拥有可自动更新的样式!

如果您使用Git,请记住忽略css文件夹并跟踪less或sass文件夹。

我希望你能发现这些提示有帮助!

更新:很遗憾没有人及时回答这个问题!