Javascript 全局CSS-如何实现多个框架

我有一个web软件/web应用程序，主要是javascript。它使用extJS框架和大量定制脚本。全局样式表称为main.css，由extJS库样式和我们自己的新样式以及extJS样式覆盖组成。这些都是使用SASS编译的

现在，我想将应用程序嵌入到网页中。这是在没有嵌入包装器的情况下完成的，但实际上是在页面中运行应用程序，包括使用全局样式

页面中的外部内容（非应用程序）是使用引导CSS框架和一些jquery元素以及一些引导覆盖和一些自定义样式的自定义设计

我们不能将引导加载为全局CSS，因为样式明显不同，并且独立于应用程序样式，因此希望避免冲突

---

我如何才能为syles的相关领域打电话，确保我们也可以轻松地进行版本控制/更新核心框架（extJS、bootstrap、jquery等），避免全局样式之间的冲突，有效地将它们视为不同的筒仓？

我可能误解了这一点的关键部分，但由于您使用的是SASS，你能否简单地使用：

#some-custom-area {
    @import "path/to/bootstrap-result.css";
}

也就是说，使用引导CSS框架和您为其编写的所有自定义规则（在编译后放入的CSS文件中），并将它们导入到您的全局样式表中。。。但是包装在一个

#一些自定义区域

选择器中。当SASS编译时，它将确保引导端的所有规则仅在

#某个自定义区域内有效

这可行吗