如何在使用'require'时从库加载CSS

Question

我正在构建一个electron应用程序.在其中,我有webview一个preload脚本.在里面说的脚本,我想用sweetalert.

我安装sweetalert了npm install --save sweetalert.在我的脚本中,我加载它require('sweetalert')并调用它swal("Hello world!");.我现在注意到它看起来不正确,因为警报缺少其所需的CSS文件.但我正在加载它require('sweetalert'),这很好,因为它sweetalert可以保留在其目录里面node_modules而且我不必关心它,但它的CSS是它的一个组成部分,并且不会被拉出相同的方式.

现在,推荐的解决方法是什么？请记住,我在javascript文件中,并希望保持这种状态.我真的必须去获取CSS文件并以某种方式注入它吗？我怎么能正确地做到这一点,因为它在里面node_modules？在测试之后,由于内容安全策略,似乎无法在此特定情况下完成.

无论哪种方式,与require声明相比,这似乎很笨重,对于一个更简单的解决方案而言,它似乎很奇怪.

Answer 1

我不熟悉 sweetalert，但希望这会有所帮助。

您的 require 语法应该与此类似。

var sweetalert = require('sweetalert')

然后，您应该能够使用以下语法访问 sweetalert 对象上的方法。

sweetalert.someMethod()

请记住，只需要返回一个 javascript 对象。这些对象通常具有允许某些功能的方法。如果您想将 sweetalert 添加到您的页面，则需要将其注入 html 中，或者 sweetalert 模块中的 javascript 需要动态创建包含 css 的 html。我希望这能澄清一些事情并帮助您更好地了解一些内部运作方式。