我无意中使用了旧版本的 less (1.2.1),当我将 .js 更新到最新版本 (1.3.3) 时,我的 html/css 编辑器 Espresso 似乎现在占用了 40% cpu,在开发/观察模式下高达 90%。我试过其他版本,它似乎发生在 1.3.1+ 上。我尝试了 watch 模式的不同变体,甚至完全禁用它,它仍然使用 40-50% 的 cpu。我现在基本上无法使用它。
编辑:这似乎主要是由 watch 模式引起的,我非常依赖 watch 模式:(
这就是我的站点负责人的样子。任何建议将不胜感激,因为我根本不了解 js。
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Article Sample</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<!-- Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
<!-- Link directly to LESS stylesheet first -->
<link rel="stylesheet/less" href="style/default.less" type="text/css" media="screen" />
<link rel="stylesheet/less" href="style/tablet.less" type="text/css" media="screen" />
<link rel="stylesheet/less" href="style/mobile.less" type="text/css" media="screen" />
<link rel="stylesheet/less" href="style/wide-mobile.less" type="text/css" media="screen" />
<!-- Then link to LESS, and enable development watch mode -->
<script src="js/less-1.3.3.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
less.env = "development";
less.watch();
</script>
<!-- Voilà! Instant LESS previews in Espresso -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
最佳答案
我认为最好先预编译,然后让网站读取已经编译好的 .css。
您可以使用 Koala 应用程序预编译 less 文件,也可以使用 grunt 来摆脱 less.js。
关于javascript - LESS 1.3.3,观看模式在 espresso 编辑器中占用大量 CPU,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16364881/