Vue.js中的CSS框架

我想集成到我的Vue.js项目中

我之前已将CDN脚本标记包括在我的

中

然而，在那之后，我又加入了Sass预处理器，因为Bulma在节点项目中需要它

npm install sass-loader node-sass --save-dev 

<style lang="sass">   
/*write sass here */ 
</style>

npm安装sass加载程序节点sass——保存开发
/*在此处写入sass*/

现在，

中的脚本标记被注释掉了，我不知道如何将Bulma正确加载到我的应用程序中

我已经在我的根组件样式标记中导入了Bulma，如下@BillCriswell所示：

<style lang="scss" src="bulma"></style>

<style lang="scss">
  body {
    text-align:center;
    background-color:blue;
  }
</style>

身体{
文本对齐：居中；
背景颜色：蓝色；
}

样式表已正确加载，但是如果我按照进一步建议添加另一个样式标记，则不会加载样式

---

如何将Bulma加载到我的Vue.js项目中，以及将CSS框架集成到Vue.js中的推荐方法是什么？

既然指向

Bulma.sass

，您应该能够做到这一点

<style lang="sass" src="bulma"></style>
<style>
  /* Your css for this file... */
</style>

/*此文件的css*/

或者你可以

<style lang="sass">
  @import "bulma"
  /* Your css for this file... */
</style>

@进口“bulma”
/*此文件的css*/

无需在您的

中执行

从'bulma'导入bulma'

---

如果你不能仅仅使用样式标签，它将取决于你的网页配置。如果您使用的是

vue cli

webpack模板，我相信您应该很好。

谢谢@BillCriswell的回答。的确，它似乎正确地导入了样式表，但是我在那些

style

标记中编写的任何sas都不会被加载。在它下面创建另一个样式标记。您可以有任意多个

标记。或者，你可以只使用一个样式标签，然后

@import“bulma”

@import“bulma”

在

模块未找到的情况下崩溃应用程序：错误：无法解析“文件”或“目录”。/bulma

啊，我很确定对我有用。我想你可能想去看看sass加载器的警告：是的，我看到了，没有使用缩进或任何东西@比尔·克里斯韦尔。我想现在的问题是另一个问题。我接受