Question

网站上的所有.js文件都包含在require.js中。如何使用require.js包含less.js？当我使用标记脚本包含它时，它不会工作得更少。

Answer 1

require

有一个不需要的插件

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

Answer 2

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

可能存在各种方法，例如将您的LESS文件中的CSS打包为变量，但这很麻烦。如果性能对您来说意义重大，那么您应该考虑编译LESS文件的位置。

在开发时使用Less Parser（跨平台）或Less.App（mac）等桌面应用程序进行编译（还有一些）。这些程序在后台运行，并在每次保存时编译较少的文件。

如果你在Ant或Maven中使用Asual的LESS Jar（github）进行构建步骤，则在构建时编译。

如果你有.NET或IIS（dotlesscss.org），php（leafo.com/lessphp），NodeJS，Java（少犀牛），ColdFusion等等，请在服务器上编译。只需搜索github.com即可获得所有代码。

Answer 3

就我而言，我做的事情就像......

// 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();
});

这只是我在案例中测试的一个例子

如何使用require.js包含less.js

3 个答案: