在其他组件样式中使用SASS文件

Question

我现在正在使用Angular 2和Webpack 1并支持SASS。它运行良好，但是当我尝试使用另一个文件但未在*.component.sass文件中导入的mixin时，它找不到它。

我的“全局”文件的示例如下所示：

//global.sass

@import 'animate.scss'

h1
    color: yellow

@mixin font-size($size)
    font-size: $size

这是我已经尝试过的：

在每个*.component.sass文件中导入全局文件

这是我想避免的，有两个原因：

• 每个@import ...文件中的每个*.component.sass都会产生一个自己的<style>...</style> - 标记，即使它是相同的导入sass文件。
• 我懒得在每个*.component.sass中导入全局文件，因为相对路径每次都会改变。

有没有更好的解决方案？

我希望我的问题足够精确，这是我第一次在stackoverflow上提问。