3

网站上的所有 .js 文件都使用 require.js 包含在内。我如何也可以使用 require.js 包含 less.js？当我使用标签脚本包含它时，它的工作量并没有减少。

4

3 回答 3

4

有一个 require-less 插件

https://github.com/guybedford/require-less

于 2013-08-19T16:33:54.927 回答
1

你可能不应该那样做。您总是将 CSS 放在 HTML 文档的最顶部，尽可能高，这是给定的。当您使用 LESS 而不是 CSS 时，请将 LESS 文件和 LESS.js 文件放在文档上尽可能高的位置。没错，在浏览器中使用 LESS 意味着您需要在页面加载之前提供 2 个文件。

可能有一些方法可以解决它，例如将您的 CSS 打包在 LESS 文件中作为变量，但这是草率且困难的。如果性能对您来说意义重大，您应该考虑在哪里编译 LESS 文件。

在开发时使用桌面应用程序进行编译，例如 Less Parser（跨平台）或 Less.App (mac)（还有更多）。这些程序在后台运行，并在您每次保存文件时编译您的 less 文件。

如果您在 Ant 或 Maven 中使用 Asual 的 LESS Jar (github) 进行构建，请在构建时进行编译。

如果你有 .NET 或 IIS (dotlesscss.org)、php (leafo.com/lessphp)、NodeJS、Java (less rhino)、ColdFusion 等，请在服务器上编译。只需在 github.com 上搜索所有代码。

于 2012-05-22T21:44:39.483 回答
1

就我而言，我会做类似...

// Remove old/minify css & Add style.less in <head>
$('link[href*="style.min.css"]').remove();
$('head').append($('<link rel="stylesheet/less" type="text/css"/>').attr('href','style.less'));
less = {env:'development',poll:3000,logLevel:1};

// So run here
require(['less'],function(less){
   less.watch();
});

这只是一个例子+在我的情况下测试

于 2015-05-27T10:09:56.640 回答