scss を使用して wxss ファイルをコンパイルするための WeChat アプレットの構成手順


WeChat アプレット開発者ツールは vscode エディターを統合し、vscode で多くのプラグインを使用できるため、WeChat アプレットの開発に非常に便利です。
WeChat 開発で sass を使用するには、easysass プラグインを使用します。インストール手順は次のとおりです。

1. vscode で easysass プラグインを検索してインストールします

ここに画像の説明を挿入します

2. WeChat 開発ツールに easysass プラグインをインポートしてインストールします。

ここに画像の説明を挿入します

3. spook.easysass-0.0.6/package.json ファイルの構成を変更します。

ここに画像の説明を挿入します
このファイルを見つけて開きます。
ここに画像の説明を挿入します
中にある package.json を開いて内容を変更します。ここに画像の説明を挿入します
変更するには、ここをクリックしてください。
ここに画像の説明を挿入します

4. 開発者ツールを再起動すると、使用できるようになります。

プロジェクトを再起動します。WeChat
開発ツールで: プロジェクト -> このプロジェクトを再度開き

新しい .scss ファイルを作成します。ここに通常どおり CSS スタイルを書き込みます。保存後、.wxss ファイルにコンパイルされます。
ここに画像の説明を挿入します

おすすめ

転載: blog.csdn.net/wang13679201813/article/details/129280623