虽然这可能看起来并不明智,但我建议你使用 style-loader
将第三方 CSS 库导入 webpack,其实这一点我们已经为你做了。
使用案例
假设你要为你的程序使用 bootstrap、bulma 或者 materialize。你可以仍旧像通常情况下一样,从 npm
安装你的库,而不是将资源附加到 index.ejs
上,我们将在我们的 JavaScript 中导入 CSS,具体在 src/renderer/main.js
中。
例子
- 让我们安装
bulma
:npm install bulma --save
; - 然后,在
src/renderer/main.js
里面加入这一行:import 'bulma/css/bulma.css'
; - 替代方案是, 你也可以在你的组件文件中引用
bulma
。
App.vue
<style>
@import "~bulma/css/bulma.css";
</style>
现在,webpack
会为我们的应用程序加载 bulma
,并使其在产品构建中可用.