VueJS忽略了全局导入

Question

我正在尝试在.less中导入一个App.vue文件，以便其内容在所有组件上均可用。

我这样创建示例应用程序：

vue create less_test

然后我安装less npm软件包

cd less_test
npm install less less-loader --save-dev

我在less中创建了一个简单的src/文件

_variables.less

//  Colors
@yellowish: #E19525;

然后在 HelloWorld.vue 上，将<style>更改为此：

<style lang="less" scoped>
.hello {
  background-color: @yellowish;
}
...
</style>

在 App.vue 上：

<style lang="less">
@import "_variables.less";
...
</style>

但是当我尝试构建时，出现此错误：

.hello {
  background-color: @yellowish;
                  ^
Variable @yellowish is undefined

如何导入全局.less文件而不必在每个组件上导入它？

Answer 1

我只是在App.vue中添加了<style src="@/path/to/_variables.less" lang="scss"></style>。