javascript - 加载 Webpack 包,同时将所有 CSS 保留在本地

标签 javascript css webpack vue.js webpack-style-loader

我有一个问题,CSS 本地 VS 全局属性的污染。

我的应用程序是通过第三方网站页面上的脚本标签加载的,它是一个通过单个 bundle.js 交付的 vuejs 应用程序。

当应用加载(模态)时,它会继承页面的许多 CSS 属性,例如字体。

有没有办法保护通过 webpack 包提供的应用程序的样式?

我探索过各种 webpack 插件,但没有一个能达到预期的效果。

最佳答案

基于 this answer ,我认为你可以做的是,假设 Vue app/modal 的顶层有一个 id app:

#app {
   all: unset!important;
}

关于javascript - 加载 Webpack 包,同时将所有 CSS 保留在本地,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50491321/

相关文章:

JavaScript 未定义抛出 TypeError

javascript - 如何让一些词根据更多的条件消失和出现?

html - 如何制作 .svg 文件以填充其 <div> 容器的 100% 宽度?

javascript - eslint:如何对仅接触过的文件进行 lint

node.js - 在 docker 应用程序中启用 webpack 热重载

javascript - kurento-client-js 的 Webpack 构建中的循环引用

php - Javascript 和 PHP 数组值

javascript - 谷歌分析事件不跟踪

javascript - 所有卡片均未设计样式

css - 删除数据 :application/x-font-ttf and data:application/font-woff from Semantic-UI CSS?