将 CSS 文件作为字符串导入以在 <head> iframe 中使用



我正在尝试以编程方式将样式表添加到 Vue 组件中 iframe 的头部。

但是,当我使用 import 语句引用我的样式表时,它将成为已编译捆绑包的一部分。(由于网络包设置(我无法在代码中将其引用为变量,因此无法将其附加到 iframe。

我想修改 vue.config.js以便它测试单个文件名并允许我在代码中将该文件作为纯字符串导入。

我尝试尝试向 vue.config.js 添加新的加载器,但我无法真正让它工作。

我导入 CSS 文件并返回 {},但我希望它返回一个纯字符串。

后来我发现 Webpack 提供了原始加载器,它允许我通过在文件路径前面加上"!!原始装载机!

像这样: import normalize from "!!raw-loader!@/assets/normalize.css"

相关内容

  • 没有找到相关文章

最新更新