Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.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
Less 获取加载较少的文件并按需编译_Less - Fatal编程技术网

Less 获取加载较少的文件并按需编译

Less 获取加载较少的文件并按需编译,less,Less,我试图编译一小部分LESS代码,并将其与页面中已编译的较大部分混合 我认为有一种方法可以重用编译后的代码,或者重新加载,将其与较新的代码混合,然后在页面中混合编译 我想以如下示例的方式加载它: var runtime_less='@bg:red。选择器{背景色:@bg;}'; var-library_-less='@var:bla-bla-bla…'; var library_parser=new(less.parser)({ 路径:['.','../lib'],//指定@import指令的搜索

我试图编译一小部分
LESS
代码,并将其与页面中已编译的较大部分混合

我认为有一种方法可以重用编译后的代码,或者重新加载,将其与较新的代码混合,然后在页面中混合编译

我想以如下示例的方式加载它:

var runtime_less='@bg:red。选择器{背景色:@bg;}';
var-library_-less='@var:bla-bla-bla…';
var library_parser=new(less.parser)({
路径:['.','../lib'],//指定@import指令的搜索路径
filename:'css/full_library.less'//指定一个文件名,以获得更好的错误消息
});
frontsize_parser.parse(“”,函数(e,树){
图书馆=树;
});
var runtime_parser=new(less.parser)({});
运行时解析(无库,函数(e,树){
//这应该在某个加载事件中
$(“#容器样式”).text(library_less.toCSS()+“”+tree.toCSS());
});
是否存在使当前页面加载更少文件并以某种方式处理它的方法


或者是否存在加载
LESS
文件的方法,然后将
LESS
数据与带有附加
LESS
代码的字符串混合?

,其中t.LESS包含:

@color: lightgreen;
您可以使用以下代码:

<link type="text/css" href="t.less" rel="stylesheet/less">
<script>

less = { 
    env: "development"
};
</script>  
<script src="/less.js/dist/less.js"></script>
<script>
var tmp = less.parse;
less.parse = function(input,option,callback) {
tmp(input + ' h1 {color:@color;}',option,callback);
}
less.refreshStyles();   
</script>

减={
环境:“发展”
};
var tmp=less.parse;
less.parse=函数(输入、选项、回调){
tmp(输入+'h1{color:@color;}',选项,回调);
}
减。刷新样式();