IDEA debug 模式下，scss 修改无法生效

Question

IDEA debug 模式，css/app.scss 中 import 了 css/components/index.scss，修改 index.scss 不能在 src 路径下的页面生效，但执行 gulp 打包后，dist 路径下的页面可以看到效果。
Tomcat 中已经配置 Update classes and resources，如下图。
请问这是什么原因？如何解决这个问题？

gulpfile.js 里的打包配置如下：

gulp.task('app_css', function () {
    var licenseCss = gulp.src('src/css/license.css'),
        appCss = gulp.src('src/css/app.scss').pipe(sass()),
        combinedStream = cs.create();
    combinedStream.append(licenseCss);
    combinedStream.append(appCss);
    var combinedCss = combinedStream.pipe(concat('app.css'));
    return es.concat(combinedCss)
        .pipe(minifyCSS({compatibility :'ie7'}))
        .pipe(gulp.dest('./dist/css/'));
});