减:开发 - >生产程序

时间:2015-03-20 14:01:57

标签: html css less

我将第一次使用较少的东西,而我正试图为它设置我的环境。

我目前有一个源目录~/www/src/和一个公共~/www/public/

src用于开发和公共生产。

我如何开发使用较少,以便对我有用?我看来它现在看起来像这样。

  • 对于开发,我必须执行以下操作: 我必须包含<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" />

这有点笨重。我想将我的源代码导出到生产中而不需要修改我的文件。有没有人对此有好的方法?

1 个答案:

答案 0 :(得分:1)

您不应该让浏览器评估.less文件。它可能,但效率不高。更好的方法是让文件监视器监视您的.less文件,并在更改/保存时立即将它们编译为.css。这只需要在开发环境中进行一些设置,而不需要更改代码本身或部署过程。根据您的编辑器/ IDE,可能已包含此类实用程序;或者,有很多选项来运行这样的观察者。仔细阅读LESS官方网站列表。