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

时间:2019-04-26 08:17:37

标签: webpack vue-cli css-loader

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

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

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

我尝试过尝试在vue.config.js中添加新的加载器,但实际上无法使其正常工作。

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

1 个答案:

答案 0 :(得分:0)

后来,我发现Webpack提供了raw-loader,这使我可以通过在文件路径前添加'!! raw-loader!'来简单地将文件导入为原始文本文件。

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