javascript - vue 공식 예제 코드, 단위 테스트 중 scss 파일을 처리할 때 오류가 보고됩니다.

Question

프로젝트는 vue webpack 템플릿인 vue init webpack my-project를 사용하여 생성됩니다

부트스트랩의 scss 패키지 추가
main.js 파일에
import './style/bootstrap.scss';

추가

npm run dev와 npm run build는 모두 정상입니다

그러나 npm 실행 단위는 오류를 보고하고
font-size: $font-size-small;

과 유사하게 많은 오류가 나타납니다. 으아아아

오류

매우 의아해함:
1 왜 단위 테스트만 오류를 보고합니까? 2 main.js에 추가된 import './style/bootstrap.scss'를 제거해 보십시오. npm run dev에 나오는 페이지에는 스타일이 없습니다. 하지만 npm 실행 단위 오류가 남아있습니다

Answer 1

test/unit/index.js에 다음 명령문이 있습니다.
// 적용하려면 main.js를 제외한 모든 src 파일이 필요합니다.
// 적용하려는 파일의 하위 집합에만 일치하도록 이를 변경할 수도 있습니다
// .
const srcContext = require.context('../../src', true, /^./(?!main(.js)?$)/)

변경됨
const srcContext = require.context('../../src', true, /^./(style$)/)

문제 해결

코드 적용 범위를 테스트하기 위해 원래 karma는 main.js를 제외한 모든 파일을 로드해야 했지만 대신 스타일을 제거했습니다

.