uni-app で scss を使用するサンプル コード

遭遇した落とし穴

私は午後中ずっと、uni-app で scss を使用する際の落とし穴を解決することに費やしました。まず、私の問題についてお話しします。scss を使用するときに @mixin を使用できなかったので、Baidu はさまざまな方法を使用してデバッグしました。

コード記述問題（公式サイトの記述方法を完全に踏襲することは不可能）: 公式サイトデモ

ブラウザの問題（Firefox が動作しない）。

構文バージョンの問題（書き方を変えてもダメ）: SCSSはmixinでは動作せず、ブラウザでコンパイルできない

プラグインがインストールされていません (再インストールしても機能しません)。

<style type='css'> を scss に変更しましたが、まだ動作しません。

新しいscss構文はまだ使用できません

午後中ずっと理解できませんでした。他に選択肢がなかったので、Vue に scss をインストールする方法を試してみようと思いつき、実際にうまくいきました。

なお、グローバルに導入することはできず、ページごとにしか導入できません。私も酔っています。

要約:

uni-app は vue をベースに作られています。次回何かをインストール/インポートしたい場合は、まず vue で試してください。うまくいかない場合は、uni-app を試してください。

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。