CSS 框架的使用

虽然这可能看起来并不明智，但我建议你使用 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，并使其在产品构建中可用.