我有一个静态网站： HTML ， CSS ， JS 文件和无后端编程。本网站的部分内容将被注入另一个网站。所以我需要确保我的项目中的新CSS文件不会破坏旧的CSS文件，反之亦然。
我需要做的一件事就是重命名所有选择器，如下所示：
<button class="button">
到
<button class="my-button">
和
.button {
background: blue;
}
到
.my-button {
background: blue;
}
和
$('.button').on('click');
到
$('.my-button).on('click');
最好使用 GULP 或 postCSS ，但任何其他方式也可以。有没有GULP插件？到目前为止，我发现只有CSS。
感谢。
答案 0 :(得分：0)
这仅适用于CSS部分，但我认为无论如何都不会为您提供自动化方式：
我会尝试不同的方法。我确定你所包含的网站将放在一个容器内。如果它是一个iframe，你无论如何都没有碰撞的危险 - 不需要做任何事情。
要确保在另一个HTML文档中包含的内容不会发生冲突，请按以下步骤操作：
创建一个新文件“includes.scss”，其中包含所有重命名的css文件（确保订单正确）：
minhook::Hook:::create
这会将所有包含的文件放在类上下文中，因此包含的规则只影响std:::result::Result<Hook>容器内的元素。