在现有项目中实现 Less 或 sass，并与不使用 sass/less 的程序员合作

Question

好吧！我最近想出了学习 sass/less，这很有趣，我非常喜欢实施它们。现在真正的问题是我如何在 css 中完成的预先存在的项目中实现。我知道 css 是相当向后兼容的。但我不想强迫所有项目成员少用。

如果有人更新 css 文件，是否会自动移植到 less 文件我不确定！！

在现有项目上实施 less 会有什么问题或问题吗？

Answer 1

要获得 Sass/less 的全部好处，您需要重构现有样式表以利用 @mixin 和 @include（以及 Sass 中的 @extend），除非团队中的每个人都参与其中，或者您致力于整合他们的提交，我不会打扰。使用 Sass/Less 等元语言编写样式会改变您对样式的看法——这确实是一种不同的思维方式。也就是说，我真的认为要求其他团队成员采用更现代的方法并不过分，我在项目上很幸运。我认为关键是做基础设施工作和最初的手把手，让他们更容易。编写一些有用的 mixin 来节省他们的时间。尝试预测他们的需求。我发现我仍然需要进行一些重构，但随着时间的推移，它变得越来越少（不是双关语）。

Answer 2

问题出在哪里？

只需将一些您将支持自己的 css 代码分配到单独的文件中。 我是在将大型项目 css 转换为 less 再将 less 转换为 sass 时做到的

您甚至可以在 SASS 和 Less 中制作一些预处理的 css，但我认为这不利于维护）

好吧，我不知道你打算如何使用，我将描述你可能会遇到的情况。首先选择选择转换precss代码的工具。我正在使用 Visual Studio 插件 Midscape Web Workbench。它允许我在保存时更新 css 文件（免费版中的 sass，我记得只有专业版中的更少）。

首先，您只需将所有 *.css 文件重命名为 *.less，它将生成与以前相同的 css 文件。然后你可以开始将纯 css 一个文件优化到另一个文件，重点是less/sass 代码和纯 css 可以在同一个文件中。