初学者...我有一个简单的 Vue (2) 应用程序，并安装了 node-sass 和 sass-loader。按照此处的说明进行操作。
Buefy 被导入到 main.js 中，这是（我的）App.vue 的（下半部分）：
所以我运行npm runserve - 我的应用程序运行良好 - 但只有默认的布尔玛样式。也就是说 - 如果我添加：
...然后点击“保存” - 应用程序会以正确的样式加载。但是，如果我在浏览器中点击刷新，自定义样式就会消失，我会回到原来的布尔玛样式。基本上，我无法让自定义 scss“粘住”。
我已经在另一个应用程序中使用了它（据我所知）完全相同的设置！这个问题困扰着我：-/
"vue": "^2.6.12", "buefy": "^0.9.4", "bulma": "^0.9.3", "node-sass": "^5.0.0", "sass-loader": "^10.1.0"
不确定这里还包括什么 - 但任何想法将不胜感激！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1
1123
收藏
我认为问题实际上可能是您没有全局连接变量。
https://vue-loader.vuejs .org/guide/pre-processors.html#sharing-global-variables
这是我如何将
Bulma连接到我的Vue项目，我认为您可以在连接Buefy时使用相同的模式：// vue.config.js module.exports = { css: { loaderOptions: { scss: { prependData: '@import "~@/assets/scss/_variables.scss";' } } } }