javascript - kod contoh rasmi vue, apabila memproses fail scss semasa ujian unit, ralat dilaporkan

Question

Projek dijana menggunakan vue init webpack my-project, iaitu templat vue webpack

Tambah pakej scss bootstrap
Tambah
import './style/bootstrap.scss';

ke fail utama.js

npm run dev dan npm run build kedua-duanya normal

Tetapi unit npm run melaporkan ralat, dan banyak ralat muncul, serupa dengan
font-size: $font-size-small;

        ^
  Undefined variable: "$font-size-small".

Ralat

Sangat hairan:
1 Mengapa ujian unit sahaja melaporkan ralat 2. Cuba alih keluar import tambahan './style/bootstrap.scss'; gaya, tetapi unit larian npm Ralat kekal

Answer 1

Terdapat pernyataan berikut dalam test/unit/index.js
// memerlukan semua fail src kecuali main.js untuk liputan.
// anda juga boleh menukar ini untuk memadankan hanya subset fail yang
// anda inginkan liputan untuk .
const srcContext = require.context('../../src', true, /^./(?!main(.js)?$)/)

Ditukar kepada
const srcContext = require.context('../../src', true, /^./(style$)/)

Selesai Masalah

Sepatutnya untuk menguji liputan kod, karma pada asalnya memuatkan semua fail kecuali main.js sebaliknya saya mengalih keluar gaya