<分区>
我现在将第一次使用 less，我正在尝试为其设置我的环境。
我目前有一个源目录~/www/src/和公众~/www/public/
src 用于开发，public 用于生产。
我如何使用更少的资源进行开发以提高效率？在我看来，它目前看起来像这样。
为了开发，我必须执行以下操作:
我必须包括 <link rel="stylesheet/less" type="text/css" href="my-styles.less" /> 和还包括<script src="less.js" type="text/javascript"></script>
对于生产，我必须通过 gulp 将 .less 文件编译为 .css，然后删除 <link rel="stylesheet/less" type="text/css" href="styles.less" />和 <script src="less.js" type="text/javascript"></script>然后添加 <link rel="stylesheet" type="text/css" href="my-styles.css" />
这有点笨重。我想在不修改文件的情况下将我的源代码导出到生产环境中。有人对此有好的方法吗？
最佳答案
你不应该让浏览器评估 .less 文件。这是可能的，但不是很有效。更好的方法是让文件观察器监视您的 .less 文件并在更改/保存时立即将它们编译为 .css。这只需要在您的开发环境中进行一些设置，而无需更改代码本身或您的部署过程。根据您的编辑器/IDE，这些实用程序可能已经包含在内；或者，有很多选项可以运行这样的观察者。仔细阅读官方 LESS 网站以获取列表。
关于html - 减:开发 -> 生产例程，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29168344/