uglify后，angular-bootstrap模态背景不透明

Question

Angular Bootstrap模式在Gulp生产模式下无法正常工作，但在开发模式下工作正常。

负责代码压缩的我的GULP方法：

gulp.task('scripts-prod', function() {
    return gulp.src(paths.vendorJavascript.concat(paths.appJavascript, paths.appTemplates))
        .pipe(plugins.if(/html$/, buildTemplates()))
        .pipe(plugins.concat('app.js'))
        .pipe(plugins.ngAnnotate())
        .pipe(plugins.uglify({
            mangle: {
                except: ['angular', 'angular-bootstrap']
            }
        }))
        .pipe(plugins.rev())
        .pipe(gulp.dest(paths.publicJavascript))
        .pipe(plugins.rev.manifest({path: 'rev-manifest.json'}))
        .pipe(gulp.dest(paths.publicJavascript));
});

我也试过像这样使用uglify

.pipe(plugins.uglify({
                mangle: false
            }))

且没有参数

.pipe(plugins.uglify())

但模态仍然无法正常工作。

我的项目的Gulp代码逻辑基于本教程http://angular-tips.com/blog/2014/10/working-with-a-laravel-4-plus-angular-application/

也许有人会说如何解决这个问题？

Answer 1

有一些形式的角度依赖注入被uglify打破。看看这个，看看它是否与您的问题有关：http://thegreenpizza.github.io/2013/05/25/building-minification-safe-angular.js-applications/

Answer 2

谢谢大家帮忙解决这个问题。问题在于CSS文件在最小化所有CSS文件之前未被删除，并且最终CSS中包含不必要的代码。