Javascript Gulp build文件夹将angular dynamic locale脚本标记放置在angular脚本标记上方

我试图在我的应用程序中运行angular dynamic locale，但在动态语言环境文件中不断出现错误“angular is undefined”，因为生成将angular dynamic locale置于angular之上：

在build/debug/sandbox/index.html中：

<script src="../../../bower_components/angular-dynamic-locale/src/tmhDynamicLocale.js"></script>
<script src="../../../bower_components/angular/angular.js"></script>
<script src="../../../bower_components/angular-animate/angular-animate.js"></script>
<script src="../../../bower_components/angular-cookies/angular-cookies.js"></script>
<script src="../../../bower_components/angular-resource/angular-resource.js"></script>
<script src="../../../bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="../../../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="../../../bower_components/angular-messages/angular-messages.js"></script>
<script src="../../../bower_components/ui-router-extras/release/ct-ui-router-extras.js"></script>
<script src="../../../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="../../../bower_components/angular-translate/angular-translate.js"></script>
<script src="../../../bower_components/angular-translate-handler-log/angular-translate-handler-log.js"></script>
<script src="../../../bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.js"></script>
<script src="../../../bower_components/angular-translate-storage-cookie/angular-translate-storage-cookie.js"></script>
<script src="../../../bower_components/angular-translate-storage-local/angular-translate-storage-local.js"></script>
<script src="../../../bower_components/angular-mocks/angular-mocks.js"></script>

除angular dynamic locale之外，上面的所有依赖项都放置在angular标记的下面。我不知道为什么

我的gulpfile：

['dist', 'debug'].forEach(function(targetedDistribution){

  gulp.task('sandbox:' + targetedDistribution + ':inject:' + theme, function() {

  var jsSandboxFiles = [
    'build/' + targetedDistribution + '/sandbox/**/*.js',
    'build/' + targetedDistribution + '/sandbox/**/*.css',
    'build/' + targetedDistribution + '/components/themes/' + theme +'/**/*.*'
    ];

  var jsSandboxSources = gulp.src(jsSandboxFiles, {read:false});

  var bowerFilesToInject = gulp.src(bowerFiles({includeDev:true}),{read:false})
    .pipe(filter(['*', '!**/jasmine**']));

  if(targetedDistribution === 'debug'){

    var jsComponentFiles = [
      'build/debug/components/**/' + bowerOpts.name + '-tpls.js'
    ];

    var orderedComponentsJS = require(path.join(__dirname,'..','build','debug','components','file-order'));
    jsComponentFiles = jsComponentFiles.concat(orderedComponentsJS);

    var jsComponentSources = gulp.src(jsComponentFiles, {read:false});
    return gulp
      .src('build/debug/sandbox/index.html')
      .pipe(inject(bowerFilesToInject,{name:'bower',relative:true}))
      .pipe(inject(jsComponentSources, {name:'components',relative:true}))
      .pipe(inject(jsSandboxSources, {name:'sandbox',relative:true}))
      .pipe(gulp.dest('build/debug/sandbox'));
  }else{
    var componentsFilesToInject = gulp.src("build/dist/components/ers-ui-components-with-tpls.min.js",{read:false});
    return gulp.src("build/dist/sandbox/index.html")
      .pipe(inject(bowerFilesToInject,{name:'bower',relative:true}))
      .pipe(inject(componentsFilesToInject,{name:'components',relative:true}))
      .pipe(inject(gulp.src(["build/dist/sandbox/**/*.js","build/dist/sandbox/**/*.css"], {read:false}), {name:'sandbox',relative:true}))
      .pipe(gulp.dest("build/dist/sandbox"));
  }
});

---

}))

这可能会有所帮助，或者稍后尝试从

bowerFilesToInject

和

concat

中排除区域设置文件。是的，谢谢！链接有它。angular dynamic local在其bower.json中不显式地依赖于angular，所以我将其添加为一个覆盖。

['dist', 'debug'].forEach(function(targetedDistribution){

  gulp.task('sandbox:' + targetedDistribution + ':inject:' + theme, function() {

  var jsSandboxFiles = [
    'build/' + targetedDistribution + '/sandbox/**/*.js',
    'build/' + targetedDistribution + '/sandbox/**/*.css',
    'build/' + targetedDistribution + '/components/themes/' + theme +'/**/*.*'
    ];

  var jsSandboxSources = gulp.src(jsSandboxFiles, {read:false});

  var bowerFilesToInject = gulp.src(bowerFiles({includeDev:true}),{read:false})
    .pipe(filter(['*', '!**/jasmine**']));

  if(targetedDistribution === 'debug'){

    var jsComponentFiles = [
      'build/debug/components/**/' + bowerOpts.name + '-tpls.js'
    ];

    var orderedComponentsJS = require(path.join(__dirname,'..','build','debug','components','file-order'));
    jsComponentFiles = jsComponentFiles.concat(orderedComponentsJS);

    var jsComponentSources = gulp.src(jsComponentFiles, {read:false});
    return gulp
      .src('build/debug/sandbox/index.html')
      .pipe(inject(bowerFilesToInject,{name:'bower',relative:true}))
      .pipe(inject(jsComponentSources, {name:'components',relative:true}))
      .pipe(inject(jsSandboxSources, {name:'sandbox',relative:true}))
      .pipe(gulp.dest('build/debug/sandbox'));
  }else{
    var componentsFilesToInject = gulp.src("build/dist/components/ers-ui-components-with-tpls.min.js",{read:false});
    return gulp.src("build/dist/sandbox/index.html")
      .pipe(inject(bowerFilesToInject,{name:'bower',relative:true}))
      .pipe(inject(componentsFilesToInject,{name:'components',relative:true}))
      .pipe(inject(gulp.src(["build/dist/sandbox/**/*.js","build/dist/sandbox/**/*.css"], {read:false}), {name:'sandbox',relative:true}))
      .pipe(gulp.dest("build/dist/sandbox"));
  }
});