まず手始めに...node-sass と sass-loader がインストールされた単純な Vue (2) アプリケーションがあります。ここの指示に従ってください。
Buefy は、(私の) App.vue の (下半分) である main.js にインポートされます:
リーリーそこで、npm runserve を実行します。アプリは正常に動作しますが、デフォルトの bulma スタイルでのみ動作します。つまり、次のように付け加えます。 リーリー
...次に、[保存] をクリックします。アプリは正しいスタイルで読み込まれます。ただし、ブラウザで更新をクリックすると、カスタム スタイルが消え、元のブルマ スタイルに戻ります。基本的に、カスタム scss を「固定」することはできません。私はすでに別のアプリケーションで (私の知る限り) まったく同じ設定で使用しています。この質問は気になります:-/
リーリー
ここに他に何を含めるべきかわかりませんが、アイデアがあれば大歓迎です。
P粉4773692692024-01-29 13:50:15
実際の問題は、グローバル接続変数がないことかもしれないと思います。
https://vue-loader.vuejs .org/guide/pre-processors.html#sharing-global-variables
これは、Bulma を Vue プロジェクトに接続する方法です。Buefy を接続するときも同じパターンを使用できると思います: