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

Question

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

投入几个小时决定使用哪个，我最终没有安装两个。

到目前为止，我设法下载bootstrap sass并将其集成到我的项目中并使用grunt进行编译（按照此instruction）。我不知道如何使用它以及从哪里开始。

我找到了一些很酷的参考文献here，但这还不足以让我离开。

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

我对post提出了跟进问题：

1. 我应该链接index.php上的l​​ess文件吗？
2. 我可以使用任何编辑器并使用任何较少的编译器编译较少的文件吗？
3. 我应该链接编译的less还是创建的css？
4. 我甚至需要使用LESS吗？

注意：我是LESS和SASS的新手。任何信息都是++。

Answer 1

我个人更喜欢Sass，即使是小的CSS样式表，我也经常使用它！

这是我的答案：

1. 绝对不是！较少的文件不适用于浏览器解析。它仅用于开发目的，即产生一个或多个.css文件。
2. 随意以使用您喜欢的任何编辑器，并使用您喜欢的任何编译器进行编译。例如，我将Scout-App用于Sass。
3. 您必须仅链接.css生成的文件。
4. 这取决于您的项目和/或您的需求。 LESS和Sass非常相似。

其他提示： 在您的CodeIgniter应用程序上安装asset helper，并在Asset文件夹中放置CSS和更少的文件。请参阅下面的目录结构：

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

将较少的文件与CSS文件分开。将css文件与资产助手链接起来，您将拥有可自动更新的样式！

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

希望这些提示对您有所帮助！

更新：很遗憾没有一个人及时回答这个问题！