vue官方例子代码，在单元测试时，处理scss文件报错

Question

项目使用vue init webpack my-project生成,也就是vue webpack模板加入bootstrap的scss包在main.js文件中加入import './style/bootstrap.scss';npm run dev 和npm run build 皆正常但是 npm run unit 时报错，出来一大堆类似font-size: $font-size-small;        ^   Undefined variable: "$font-size-small".的错误很不解：1是为何单单unit test报错2尝试在main.js中去除加入的import './style/bootstrap.scss';，npm run dev出来的页面没有样式了，但是npm run unit错误依旧

Answer 1

在test/unit/index.js中有如下语句
// require all src files except main.js for coverage.
// you can also change this to match only the subset of files that
// you want coverage for.
const srcContext = require.context('../../src', true, /^./(?!main(.js)?$)/)

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

问题解决

应该是karma为了测试代码的覆盖率，原本加载了除main.js的所有文件，我改为把style去除