javascript - LESS 1.3.3,观看模式在 espresso 编辑器中占用大量 CPU

标签 javascript css less macrabbit-espresso

我无意中使用了旧版本的 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/

相关文章:

javascript - 在 HTML 游戏的一个函数中运行多个 if 语句

css - 如何在不丢失更改的情况下自定义 Bootstrap?

html - Chrome 放大导航

css - 完全删除 Toastr.js 中的不透明度?

twitter-bootstrap - 如何调用 Bootstrap 的 LESS 渐变混合

java - 利弊 : Jetbrains IntelliJ/Sublime Text

javascript - 3D 建筑物上的 Google 地球插件点击事件

php - 登录时加载页面并且仅在登录时加载页面

css - 使用 bootstrap 创建包含 3 个图像的全宽横幅

css - 使用 Bootstrap 和 Rails 设计复选框样式?