Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css @使用客户端编译导入_Css_Twitter Bootstrap_Browser_Less - Fatal编程技术网

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
,请参阅,除非允许重新加载(和重新编译)