Css @使用客户端编译导入
我想创建一个引导配置页面,更像自己的,但与实时预览 因此,我想在浏览器中编译更少的文件,但我不知道如何处理Css @使用客户端编译导入,css,twitter-bootstrap,browser,less,Css,Twitter Bootstrap,Browser,Less,我想创建一个引导配置页面,更像自己的,但与实时预览 因此,我想在浏览器中编译更少的文件,但我不知道如何处理@import 通常,less不知道要导入的文件的路径,但在浏览器上下文中,文件路径模型不适用 如何编译更少的浏览器端,并使用@import功能? <link rel="stylesheet/less" type="text/css" href="global.less"> <script src="js/less.min.js" type="text/javascript
@import
通常,less不知道要导入的文件的路径,但在浏览器上下文中,文件路径模型不适用
如何编译更少的浏览器端,并使用@import功能?
<link rel="stylesheet/less" type="text/css" href="global.less">
<script src="js/less.min.js" type="text/javascript"></script>
在上面的global.less中,已使用XMLHttpRequest
打开,另请参见
要使用@import
指令在global.less
中导入的文件可以放在同一目录global.less
中。请注意,浏览器应该可以访问此目录。文件也可以放置在子目录或相对于global.less
目录的目录中
另请参见,您可以通过在调用编译器之前定义一个全局less
对象来设置less.js编译器的选项。这使您能够设置包含路径
和根路径
,包含路径
可用于定义在何处搜索导入,同时根路径
将相对URL重新写入无基文件
注意:对于实时预览,您应该调用less.refreshStyles()
/less.modifyVars
,请参阅,除非允许重新加载(和重新编译)