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

Question

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

我又花费了几个小时来决定使用哪个，但最终都未能安装。

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

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

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

我对@9​​87654329@ 有后续问题：

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

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

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文件分开。将 css 文件与资产助手链接，您将拥有可自动更新的样式！

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

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

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