yeoman-generator-angular - yeoman 应用程序中缺少 sass 导入文件

Question

我在 main.scss b/w 中导入了 sass 文件

// bower:scss
@import "bootstrap-sass-official/assets/stylesheets/_bootstrap.scss";
@import "custom/app.scss";
// endbower

每当样式更改或我的应用程序重新启动时，导入的 scss 文件就会丢失。

Answer 1

生成器可能已经生成了一个 gulp/gruntfile，它使用类似wiredep的东西来尝试查找引用（在本例中为 SCSS 文件）并将它们注入两个“神奇”注释之间。它会找到的唯一参考是通过Bower安装的组件。但它会首先丢弃它认为过时的任何东西（它假设你已经删除了 Bower 组件，因为它找不到它）。

要解决此问题，只需在魔术注释后声明您的 @imports。

附带说明一下，使用 Bower 安装 Bootstrap 等组件是一种很好的做法。将使更新它们并将它们集成到构建过程中更容易一些。

（我希望这回答了你的问题 - 我确实做了一些假设：我假设文件没有被删除，但 @import 语句是。如果实际的 SCSS 文件被删除，可以从问题中解释，那么这个答案是无效的）。