解析异步下载的.less文件

时间:2018-05-04 09:40:14

标签: css less

我使用较少的网络应用程序。在开发环境中,我有类似

的东西
<head>
    <link rel="stylesheet/less" type="text/css" href="test.less"/>       
    <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.0.2/less.min.js" ></script>
</head>

这是正常的:我的test.less文件被下载并自动转换为有效的css。

现在,如果用户在网站的特定部分导航,我需要下载另一个.less文件。为此,我像这样动态创建一个元素:

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

并将其附加到头部。

这不起作用 - 至少在Chrome 66.0.3359.117中 - 因为浏览器根本没有触发文件下载。

我通过修改链接'rel'属性来解决问题:

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

这样,浏览器就可以正确下载文件test2.less;但是,它的内容不会自动解析为less,因此它不会转换为有效的.css

我认为当下载less.js时,它会通过搜索所有具有属性rel =“stylesheet / less”的元素并解析它们来执行 - 停止。

但在那之后,它“停止”收听异步下载的其他.less文件。

有一种方法可以“触发”较少的解析吗?

谢谢

0 个答案:

没有答案