sass - Angular CLI - 缺少 SASS 导入

Question

我正在开发一个使用美国网页设计标准框架的项目，并且我已将所有SASS文件导入到我的main.scss文件中：

@import "bourbon/bourbon";

@import "abstracts/variables";

// This imports all the required files 
@import "../vendor_files/uswds/src/stylesheets/uswds";

但是我注意到当我运行本地服务器时缺少一些网格样式。就像测试一样，我通过终端进行了 sass 编译，并且能够找到相关的网格样式。如果需要，我可以提供更多信息。

版本

@angular/cli: 1.6.0
node: 8.8.1
os: darwin x64
@angular/animations: 4.4.6
@angular/common: 4.4.6
@angular/compiler: 4.4.6
@angular/core: 4.4.6
@angular/forms: 4.4.6
@angular/http: 4.4.6
@angular/platform-browser: 4.4.6
@angular/platform-browser-dynamic: 4.4.6
@angular/router: 4.4.6
@angular/cli: 1.6.0
@angular/compiler-cli: 4.4.6
@angular/language-service: 4.4.6
typescript: 2.3.4

重现步骤

我的示例回购

1. npm install
2. npm start

观察到的行为

A tagline highlights your approach请注意与下面的所需行为相比，副本的对齐方式。

期望的行为

我希望该页面看起来像USWDS 文档中的页面。

Answer 1

在同事的帮助下，我终于能够解决这个问题。我错过了bourbon-neat包裹。一旦我安装并添加到我的scss文件中，问题就解决了。