动态加载后编译较少的文件

问题描述

我网站上每个组件的文件都更少。我导入每个组件的样式和控件。我要在加载后少编译文件。

html的外观：

<link rel="stylesheet/less" href="./signin/signin.less">
<div class="signin">
   //content
</div>
<script type="module" src="./signin/signin.js"></script>

加载文件后，我编写了此JavaScript行，但是它永远无法工作

less.refreshStyles();

有人可以帮忙吗？！

解决方法

好的，我尝试了更少的功能，但没有一个起作用。我在main.js文件中编写它们。因此，我将命令移至脚本中，该脚本加载了较少的文件，并且可以在以下命令下工作：

less.registerStylesheets();
less.refresh();

简而言之：

我不是在main.js中编写代码，而是在signin.js中编写了代码