使用webpack 2在每个文件中都包含通用sass文件而不使用@import

Question

目前，我必须在每个sass文件中添加以下声明：

@import '../src/styles/index';

我的sass文件通常与我的组件位于同一文件夹中，因此相对路径通常会有所不同。

无论如何，使用webpack可以添加导入而不必在每个文件上都声明它吗？

Answer 1

您可能需要更改.scss文件中的导入顺序。

让我举个例子。 变量也需要在其他所有.scss文件中使用。 我设置样式的方式是将所有.scss部分导入到主要index.scss中。 index.scss中第一个导入的部分只是一个包含所有变量的文件。 然后，可以在index.scss中导入的变量下面列出的所有部分中访问这些变量。