我想创建一个bootstrap配置页面，就像他们自己的customise bootstrap page一样，但是有实时预览。
因此我希望在浏览器as detailed in this question中编译更少的文件，但我不知道如何处理@import。
通常，较少知道要导入的文件的路径，但在浏览器上下文中，文件路径模型不适用。
如何编译较少的浏览器端，并使用@import功能？
答案 0 :(得分：1)
<link rel="stylesheet/less" type="text/css" href="global.less">
<script src="js/less.min.js" type="text/javascript"></script>
上面的global.less已使用XMLHttpRequest打开，另请参阅How to open a local disk file with Javascript?。
要在global.less中使用@import指令导入的文件可以放在同一目录global.less中。请注意，浏览器应该可以访问此目录。文件也可以放在子目录或相对于global.less目录的目录中。
另请参阅http://lesscss.org/usage/#using-less-in-the-browser您可以通过在调用编译器之前定义全局less对象来为less.js编译器设置选项。这使您可以设置include_path和rootpath，include_path可用于定义搜索导入的位置，同时rootpath重写相对URL到基础少文件。
注意：对于实时预览，您应致电less.refreshStyles() / less.modifyVars，请参阅ModifyVars issue when trying to change variables one by one，除非允许重新加载（和重新编译）。