安装程序在WebStorm中运行配置，AngularJS来编译SCSS

Question

我尝试使用twitter bootstrap SCSS在WebStorm中调试AngularJS应用程序 当我在WebStorm中运行Index.html时，它不包含main.css（它无法找到它），因为它位于.tmp文件夹中。 我跑的时候     grunt serve它的工作正常，因为bower读取并包含.tmp文件夹，其行为类似于样式文件夹。 如何设置WebStorm，它也将被选中？ 我应该在WebStorm中创建什么样的运行配置？ 我应该使用＆＃34;添加观察者＆＃34;还有？

重现运行：     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

尝试使用Webstorm在不使用grunt serve

的情况下成功运行此构建

更新 我不再使用Angular和Grunt。

Answer 1

你不应该使用自述观察者和WebStorm观察者。

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

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