在CSS更改上更改JS

Question

我正在玩的东西，需要知道是否有可能，或者我正在转动轮子。

我有一个正在进行的个人项目，允许我根据下拉选择更改给定站点/页面的CSS。那部分进展顺利。

不过，我意识到的一点是，我正在用各种方法来处理一种样式中的元素而使一个script.js膨胀。有没有一种方法可以使每种样式使用不同的JS文件，从而使与样式相关的JS彼此分离？另外，是否可以在开始时不加载所有JS文件，而是像我在使用CSS一样按需加载它们来完成？

Answer 1

Webpack将有助于将js拆分为不同的文件。也许像import / export一样简单？

要回答有关仅加载所需内容的问题，tree shaking将防止捆绑包膨胀。 Dynamic imports可能也会有帮助。