Javascript 在angular 2中，如何将我的cachebust js文件连接到应用程序以进行部署？_Javascript_Angularjs_Gulp_Angular

Javascript 在angular 2中，如何将我的cachebust js文件连接到应用程序以进行部署？

javascript angularjs gulp angular

Javascript 在angular 2中，如何将我的cachebust js文件连接到应用程序以进行部署？,javascript,angularjs,gulp,angular,Javascript,Angularjs,Gulp,Angular,这是我用来破坏js文件缓存的代码，它工作正常： gulp.task('getAllJsFiles', function() { gulp.src('src/app/**/**/*.js') .pipe(cachebust.resources()) .pipe(gulp.dest('src/app/js/')) }); <!DOCTYPE html> <html lang="en"> <head&g

这是我用来破坏js文件缓存的代码，它工作正常：

gulp.task('getAllJsFiles', function() {
        gulp.src('src/app/**/**/*.js')
            .pipe(cachebust.resources())
            .pipe(gulp.dest('src/app/js/'))
});

<!DOCTYPE html>
<html lang="en">
  <head>
    <base href="/"></base>

    <!-- inject:css -->
    <link rel="stylesheet" href="/css/styles.e072d853.css">
    <!-- endinject -->

    <!-- Js libs -->
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>        
    <script type="text/javascript" src="/bootstrap.js"></script>    
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.34.2/es6-shim.min.js"></script>    
    <script type="text/javascript" src="/safariPolyFix.js"></script>    
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.18.4/system.src.js"></script>   

    <script>
        System.config({
            transpiler: 'typescript',
            defaultJSExtensions: true,  
            typescriptOptions: {
                emitDecoratorMetadata: true,
            },          
            packages: {
                'angular2-google-maps': {
                  defaultExtension: 'js'
                }
            }
        });       
    </script>

    <script type="text/javascript" src="/angular2_google_maps.js"></script>

    <script type="text/javascript"src="https://code.angularjs.org/2.0.0-beta.0/angular2-polyfills.js"></script>
    <script type="text/javascript"src="https://code.angularjs.org/tools/typescript.js"></script>
    <script type="text/javascript" src="https://code.angularjs.org/2.0.0-beta.0/Rx.js"></script>

    <script type="text/javascript" src="https://code.angularjs.org/2.0.0-beta.0/angular2.js"></script>
    <script type="text/javascript" src="https://code.angularjs.org/2.0.0-beta.0/router.js"></script>
    <script type="text/javascript" src="https://code.angularjs.org/2.0.0-beta.0/http.js"></script>  

    <script type="text/javascript" src="/firebase/firebaseNew.js"></script>

  </head>

  <body id="container">

    <app></app>

    <script type="text/javascript">  
      //Not sure if I need to do something here??????
      System.import('/app/app.component.js');
    </script>

  </body>
</html>

我的问题是，我现在如何连接这些文件，以便我的应用程序使用它们

我用的是角度和字体

当前，app.component.js文件变为：Current，例如，app.component.js文件变为：app.component.e072d853.js。我猜我会把它接起来

这是我的索引文件，略为精简：

gulp.task('getAllJsFiles', function() {
        gulp.src('src/app/**/**/*.js')
            .pipe(cachebust.resources())
            .pipe(gulp.dest('src/app/js/'))
});

<!DOCTYPE html>
<html lang="en">
  <head>
    <base href="/"></base>

    <!-- inject:css -->
    <link rel="stylesheet" href="/css/styles.e072d853.css">
    <!-- endinject -->

    <!-- Js libs -->
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>        
    <script type="text/javascript" src="/bootstrap.js"></script>    
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.34.2/es6-shim.min.js"></script>    
    <script type="text/javascript" src="/safariPolyFix.js"></script>    
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.18.4/system.src.js"></script>   

    <script>
        System.config({
            transpiler: 'typescript',
            defaultJSExtensions: true,  
            typescriptOptions: {
                emitDecoratorMetadata: true,
            },          
            packages: {
                'angular2-google-maps': {
                  defaultExtension: 'js'
                }
            }
        });       
    </script>

    <script type="text/javascript" src="/angular2_google_maps.js"></script>

    <script type="text/javascript"src="https://code.angularjs.org/2.0.0-beta.0/angular2-polyfills.js"></script>
    <script type="text/javascript"src="https://code.angularjs.org/tools/typescript.js"></script>
    <script type="text/javascript" src="https://code.angularjs.org/2.0.0-beta.0/Rx.js"></script>

    <script type="text/javascript" src="https://code.angularjs.org/2.0.0-beta.0/angular2.js"></script>
    <script type="text/javascript" src="https://code.angularjs.org/2.0.0-beta.0/router.js"></script>
    <script type="text/javascript" src="https://code.angularjs.org/2.0.0-beta.0/http.js"></script>  

    <script type="text/javascript" src="/firebase/firebaseNew.js"></script>

  </head>

  <body id="container">

    <app></app>

    <script type="text/javascript">  
      //Not sure if I need to do something here??????
      System.import('/app/app.component.js');
    </script>

  </body>
</html>

我只需要知道如何连接app.component.js，现在是：app.component.685d875q.js。我似乎无法导入

您应该使用gulp inject将这些文件注入html。。。将cachebust的输出通过管道输送到gulp inject。。那就够了，我让它工作。我的问题是如何在我的索引文件中连接angular 2应用程序我看不到gulp inject在你的问题中。。你能从ur GULPFILE发布更多相关代码吗？我已经在上面添加了用于缓存破坏的gulp代码。这很好用。我不需要大口注射，这不是angular 2的工作原理。我使用system导入app.component.js。