問題タブ [scss-lint]

Windows 10 マシンにブートストラップ 4 アルファ 5 ソース ファイルをダウンロードしました。フォルダーをダウンロードフォルダーに解凍し、変更を加える前に、それがどのように構築されるかを確認したかった. そこで、管理者権限でコマンド プロンプトを開き、「npm install」を実行しました。それは実行され、いくつかのことは非推奨であると言いました、そして私はこれを一番下に持っていました:

npm WARN オプション スキップに失敗しました オプションの依存関係 /chokidar/fsevents: npm WARN notsup お使いのオペレーティング システムまたはアーキテクチャと互換性がありません: fsevents@1.0.15

オプションと言われたので、あまり考えなかったので、「うなり声」を実行すると、次のエラーが発生しました。

"scsslint:core" (scsslint) タスクを実行しています 警告: bundleExec オプションが設定されていますが、PATH に Bundler 実行可能ファイルが見つかりません。詳細: https://github.com/ahmednuaman/grunt-scss-lint --force を使用して続行します。

警告のため中止されました。

それを修正するために、パッケージフォルダー内のすべてのモジュールを*に変更してバージョンを最新のものにしようとしましたが、それでも機能しませんでした。

強調したいのは、ブートストラップ 4 ファイルに変更を加えていないことです。新しいダウンロードをコンパイルしようとしているだけです。

私は scss-lint を使って SCSS ファイルをリントしています。Webpack でホット モードで実行するには、scsslint-hot を使用します。

Webpackの preLoadersに追加しましたが、ファイルがサブディレクトリにネストされていない限り、正常に動作します。

例えば：

./src/style/layout.scssは適切に lint されています。

しかし

./src/style/mixins/buttons.scssはまったくリントされません。なんで？

私は何を間違っていますか？私はよくグーグルで検索しましたが、Webpackのドキュメントにも、インクルードにはサブディレクトリも含める必要があると書かれています。

私の .scss-lint.ymlにはルールしか含まれていません。既に yml ファイルに追加しようとしましscss_files: 'src/style/**/*.scss'たが、問題は解決しません。

これは、私の webpack.config.js の興味深い部分です。

そして、私の完全な webpack 設定を確認する必要があるかもしれません。

ご協力いただきありがとうございます！

シェケ

VS Code の settings.json を使用して scss.lint ルールを追加しています。ImportantRule を有効にしましたが、1 つのファイルに対して無効にしたいと考えています。

This SO answerは、scss-lint でそれを行う方法を示していますが、VS Code では機能しません。

VS Code でこれを行う方法はありますか?

私は SCSS に比較的慣れていないので、リンターを使用してスキルを向上させようとしています。親メニュー項目がホバーされている場合にのみサブメニューを表示するこの小さな例があります。このコードが機能している間、リンターは「クラスは親の疑似クラス内にネストする必要があります」と表示します。

:hover 部分を .submenu 部分にネストする方法がわかりません。手伝ってくれますか？

私はこれを持っています

さまざまなクラスを動的に作成します。これを拡張して各例の変数を作成するにはどうすればよいですか-からの値に到達する$colorsために使用する必要があります$darkdark$colors