Angular CLI - 缺少 SASS 导入

Question

我正在开发一个使用U.S. Web Design Standards 框架的项目，并且我已将所有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

重现步骤

我的样本repo

1. npm install
2. npm start

观察到的行为

注意副本A tagline highlights your approach 与下面的期望行为相比的对齐方式。

期望的行为

我希望页面看起来像 USWDS documentation 上的页面。

Answer 1

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