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

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

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

Answer 2

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

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

angular-bootstrap modal background is not transparent after uglify

uglifyjs

twitter-bootstrap

angularjs

gulp

angular-bootstrap