javascript - vue 公式サンプルコード、単体テスト中に scss ファイルを処理するとエラーが報告される

Question

プロジェクトは、vue init webpack my-project (vue webpack テンプレート) を使用して生成されます。

ブートストラップ scss パッケージを追加します
import './style/bootstrap.scss';
を main.js ファイルに追加します

npm run dev と npm run build は両方とも正常です

しかし、npm 実行ユニットがエラーを報告すると、多くのエラーは

font-size: $font-size-small;
のようなものとして表示されます。 リーリー ＃＃＃間違い＃＃＃

私は非常に混乱しています:

1 なぜ単体テストだけでエラーが報告されるのか

2 main.js に追加された import './style/bootstrap.scss'; を削除してみてください、ページが出てきますnpm run dev には style がありませんが、npm run ユニットのエラーは依然として

です

Answer 1

test/unit/index.js には次のステートメントがあります
// カバレッジには main.js を除くすべての src ファイルが必要です。
// これを変更して、カバレッジが必要なファイルのサブセットのみに一致するようにすることもできます
// for .
const srcContext = require.context('../../src', true, /^./(?!main(.js)?$)/)

const srcContext = require.context('../../src', true, /^./(style$)/)
に変更されました

問題解決

コード カバレッジをテストするために、karma は元々 main.js を除くすべてのファイルをロードしたはずですが、代わりにスタイルを削除しました

。