Buefy は Sass スタイルを認識しません

Question

まず手始めに...node-sass と sass-loader がインストールされた単純な Vue (2) アプリケーションがあります。ここの指示に従ってください。

Buefy は、(私の) App.vue の (下半分) である main.js にインポートされます:

リーリー

そこで、npm runserve を実行します。アプリは正常に動作しますが、デフォルトの bulma スタイルでのみ動作します。つまり、次のように付け加えます。 リーリー

...次に、[保存] をクリックします。アプリは正しいスタイルで読み込まれます。ただし、ブラウザで更新をクリックすると、カスタム スタイルが消え、元のブルマ スタイルに戻ります。基本的に、カスタム scss を「固定」することはできません。

私はすでに別のアプリケーションで (私の知る限り) まったく同じ設定で使用しています。この質問は気になります:-/

リーリー

ここに他に何を含めるべきかわかりませんが、アイデアがあれば大歓迎です。

Answer 1

実際の問題は、グローバル接続変数がないことかもしれないと思います。

https://vue-loader.vuejs .org/guide/pre-processors.html#sharing-global-variables

これは、Bulma を Vue プロジェクトに接続する方法です。Buefy を接続するときも同じパターンを使用できると思います:

リーリー リーリー リーリー リーリー