Question

这是我用于缓存破坏js文件的gulp代码，它运行正常：

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

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

我使用的是角色和打字稿。

目前 app.component.js 文件变为：当前app.component.js文件变为：app.component.e072d853.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>

继承我的gulp文件的js部分（工作正常）：

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

});

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

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

0 个答案: