# CSS 框架的使用 雖然這可能看起來并不明智，但我建議你使用 [`style-loader`](https://github.com/webpack/style-loader) 將第三方 CSS 庫導入 webpack，其實這一點我們已經為你做了。 ## 使用案例 假設你要為你的程序使用 [bootstrap](http://getbootstrap.com/)、[bulma](http://bulma.io/) 或者 [materialize](http://materializecss.com/)。你可以仍舊像通常情況下一樣，從 `npm` 安裝你的庫，而不是將資源附加到 `index.ejs` 上，我們將在我們的 JavaScript 中導入 CSS，具體在 `src/renderer/main.js` 中。 #### 例子 讓我們安裝 `bulma` 如下 ```bash npm install bulma --save ``` 然后，在 `src/renderer/main.js` 里面加入這一行： ```bash import 'bulma/css/bulma.css' ``` 替代方案是, 你也可以在你的組件文件中引用 `bulma`。 **App.vue** ```html <style> @import "~bulma/css/bulma.css"; </style> ``` 現在，`webpack` 會為我們的應用程序加載 `bulma`，并使其在產品構建中可用.