CSS 框架的使用

虽然这可能看起来并不明智,但我建议你使用 style-loader 将第三方 CSS 库导入 webpack,其实这一点我们已经为你做了。

使用案例

假设你要为你的程序使用 bootstrapbulma 或者 materialize。你可以仍旧像通常情况下一样,从 npm 安装你的库,而不是将资源附加到 index.ejs 上,我们将在我们的 JavaScript 中导入 CSS,具体在 src/renderer/main.js 中。

例子

让我们安装 bulma 如下

  1. npm install bulma --save

然后,在 src/renderer/main.js 里面加入这一行:

  1. import 'bulma/css/bulma.css'

替代方案是, 你也可以在你的组件文件中引用 bulma

App.vue

  1. <style>
  2. @import "~bulma/css/bulma.css";
  3. </style>

现在,webpack 会为我们的应用程序加载 bulma,并使其在产品构建中可用.