Javascript 动态加载后编译更少的文件

我的网站中每个组件的文件都较少。我导入每个组件及其样式和控件。我想在加载后编译更少的文件

html的外观：

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

---

有人能帮忙吗

好吧，我尝试了很多较少的函数，但都不起作用。我在

main.js

文件中编写它们。因此，我将命令移动到加载较少文件的脚本中，它在以下命令下工作：

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

简言之：

我没有在

main.js

中编写代码，而是在

signin.js

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