javascript - vue-cli如何引入全局less文件？

Question

使用vue-cli构建项目，如何引入所有组件公有的less文件？

// index.less
@primary-color: XXX:
@error-color: XXX:

如果在单个组件中的

// component.vue
<style lang="less">
@import './index.less';
</style>

是可以获取到具体变量的..

但是我想在子组件中就没办法取到变量，这个是什么问题？是不是哪里需要配置？

Answer 1

自答。

给vuejs-templates/webpack提了一条issue询问这个问题。

一名作者表示貌似只能在子组件中重新引入。

Answer 2

楼上说的对，只能在引入一遍。