angularjs - 在 WebStorm、AngularJS 中设置运行配置以编译 SCSS

Question

我正在尝试使用 twitter bootstrap SCSS 在 WebStorm 中调试 AngularJS 应用程序当我在 WebStorm 中运行 Index.html 时，会发生什么情况，它不包含 main.css(找不到它)，因为它位于 .tmp 文件夹中。当我运行时 grunt serve 它工作得很好，因为 Bower 读取并包含 .tmp 文件夹，使其表现得像 styles 文件夹。我如何设置 WebStorm，以便它也能被拾取？我应该在 WebStorm 中创建什么样的运行配置？我也应该使用“添加观察者”吗？

要重现运行这个: 你是有 Angular 的
[?] 你想使用 Sass(带 Compass)吗？是的
[?] 你想包括 Twitter Bootstrap 吗？是的
[?] 您想使用 Sass 版本的 Twitter Bootstrap 吗？是的

并尝试将它与 Webstorm 一起使用以在不使用 grunt serve

的情况下成功运行此构建

更新我不再使用 Angular 或 Grunt。

Answer 1

您不应将 yeoman 观察器与 WebStorm 观察器一起使用。

你应该在任务之前添加 grunt compass - 这将创建 .tmp 文件并构建 css

查看展示如何使用 grunt 设置 WebStorm 的 JetBrains 视频 https://www.youtube.com/watch?v=8KIir6EsFPE