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;}',选项,回调);
}
减。刷新样式();