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

Question

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

我又花了几个小时来决定使用哪个，结果我两个都安装失败了。

到目前为止，我成功下载了 bootstrap sass并将其集成到我的元素中并使用 grunt 编译它(按照这个 instruction )。我不知道如何使用它以及从哪里开始。

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

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

我有关于 post 的跟进问题:

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 ，并在 Assets 文件夹中放置您的 css 和 less 文件。参见下面的目录结构:

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

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

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

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

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