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

Posted 2023-03-06

【中文标题】如何在 CodeIgniter 中正确安装/使用 LESS

【英文标题】：How to properly install/use LESS in CodeIgniter

【发布时间】：2016-08-12 11:43:18

【问题描述】：

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

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

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

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

.bootstrap 
    @import "/bootstrap.less"

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

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

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

【问题讨论】：

如果你已经弄清楚了，请更新答案:)

【参考方案1】：

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

这是我的答案：

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

其他提示： 在您的 CodeIgniter 应用程序上安装 asset helper，然后在资产文件夹中放置您的 css 和 less 文件。请看下面的目录结构：

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

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

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

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

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