在 CSS 更改上更改 JS答案

【问题标题】：Change JS on CSS change在 CSS 更改上更改 JS
【发布时间】：2019-04-30 22:01:41
【问题描述】：

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

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

不过，我意识到的是，我正在用各种方法来处理每种样式中的元素，从而使单个 script.js 膨胀。有没有一种方法可以让每种样式使用不同的 JS 文件，以便将与样式相关的 JS 彼此分开？另外，这是否可以在不加载所有 JS 文件的情况下完成，而是根据需要加载它们，就像我对 CSS 所做的那样？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

这个网站（目前）是一个简单的网站 - 不涉及 webpacking，但阅读您发布的链接有助于在我的脑海中产生一个想法。当我更改 CSS 时，我会使用我正在使用的 CSS 文件保存一个 cookie。这意味着我的 JS DOES 可以访问我正在使用的文件的知识，所以也许我可以使用它来创建代码块或条件。我会试试看。谢谢。
我也意识到，忠于我的事业，我不应该仅仅因为 CSS 更改而更改任何 JS，所以也许我会接受它是纯 CSS 更改的挑战！ :)