Vue.js 如何将CSS文件传递到createLocalVue';测试期间要使用的配置?

Vue.js 如何将CSS文件传递到createLocalVue';测试期间要使用的配置?,vue.js,jestjs,nuxt.js,Vue.js,Jestjs,Nuxt.js,我有一个正在自动导入到Vue组件的全局CSS文件,它在dev/prod模式下运行良好 (numxt.config.js): css:[ “~assets/main.scss” ], 但我在Vue组件的测试过程中遇到一个错误,如下所示: SassError: Undefined variable. ╷ 63 │ color: $active-color; │ ^^^^^^^^^^^^^ ╵ 我看到了可以使用的有趣技术: module.ex

我有一个正在自动导入到Vue组件的全局CSS文件,它在dev/prod模式下运行良好 (numxt.config.js):

css:[
“~assets/main.scss”
],
但我在Vue组件的测试过程中遇到一个错误,如下所示:

SassError: Undefined variable.
   ╷
63 │       color: $active-color;
   │              ^^^^^^^^^^^^^
   ╵
我看到了可以使用的有趣技术:

module.exports={
css:{
装载机选项:{
sass:{
prependData:`@import“~@/scss/_variables.scss”`
}
}
}
}
但我不知道如何将它插入到Vue配置文件中,以便与Vue测试UTIL一起使用。我看到这样的信息:

在localVue的配置中设置任何内容都不会影响代码,因为代码仍然使用基本Vue类配置对象。我不确定我们能做些什么,因为一旦您需要Vue,或者一旦我们需要createLocalVue中的Vue,配置对象就会设置

这里

但我相信应该有一种方法可以通过CSS文件来测试Vue。或者,如果以后无法在测试中使用,并且为了使测试正常工作,您不得不在每个组件中导入相同的css,为什么Nuxt要使用全局css设置