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

Question

我的原始问题是链接多个样式表框架。我的主要选择是Materialize，但由于某些原因，我想在一些按钮和其他组件上集成Bootstrap。经过数小时的绝望研究，我发现自己正在看着css预处理器，例如LESS和SASS。我发现你可以使用这些厉害的工具来进行动态css。

投资了几个小时来决定使用哪一个，最终我未能成功安装两者。

到目前为止，我已经成功下载bootstrap sass并将其集成到我的项目中，并使用grunt编译它（请按照这个指示）。我不知道如何使用它和从哪里开始。

我发现了一些很棒的参考资料这里，但是这还不足以让我开始。

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

我有关于 帖子 的跟进问题：

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

注意：我对 LESS 和 SASS 完全是新手。任何信息都非常感谢。

- Hard Spocker

---

如果你已经解决了这个问题，请更新并回答 :) - Aj Otto

Answer 1

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

以下是我的回答：

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

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

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

将你的less文件与css文件分开。使用asset helper链接css文件，这样你就可以自动更新样式！

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

希望这些提示对你有帮助！

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

- Marco Consiglio