Bulma不适用于vue

时间:2018-06-26 09:36:02

标签: webpack vue.js sass frontend bulma

我开始学习Vue.js,并且正在尝试制作SPA。我想用布尔玛。而且我知道我需要SASS。我已经在终端中运行了下一个命令:

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

在此之后,我已经通过使用

重新启动了本地开发服务器
npm run dev

最后,结果是我有以下内容:

enter image description here

在组件中,我使用了以下代码:

<style lang="sass">
    @import "../node_modules/bulma/bulma.sass"

    #app
        font-family: 'Avenir', Helvetica, Arial, sans-serif
        -webkit-font-smoothing: antialiased
        -moz-osx-font-smoothing: grayscale
         text-align: center
         color: #2c3e50
         margin-top: 60px
</style>

我什至尝试修复webpack.base.conf.js 我已经向该文件添加了下一个代码: enter image description here

我不知道它是否正确。伙计们,请告诉我,请问哪里出错了?

0 个答案:

没有答案