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
,并使其在产品构建中可用.
当前内容版权归 SimulatedGREG 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请访问 SimulatedGREG .