在 WebStorm、AngularJS 中设置运行配置以编译 SCSS答案

【问题标题】：Setup run configuration in WebStorm, AngularJS to compile SCSS在 WebStorm、AngularJS 中设置运行配置以编译 SCSS
【发布时间】：2014-05-05 15:32:30
【问题描述】：

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

要重现运行这个： yo angular
[?] Would you like to use Sass (with Compass)? Yes [?] Would you like to include Twitter Bootstrap? Yes [?] Would you like to use the Sass version of Twitter Bootstrap? Yes

并尝试在不使用 grunt serve 的情况下将其与 Webstorm 一起使用以成功运行此构建

更新我不再使用 Angular 和 Grunt。

【问题讨论】：

标签： angularjs twitter-bootstrap sass webstorm

【解决方案1】：

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

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

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

【讨论】：