Kombinieren Sie Anbieter Javascripts in eckigen 2

Question

Ich benutze Angular 2 und ich würde gerne wissen, wie kann ich meine Hersteller Javascript-Dateien kombinieren.

zum Beispiel habe ich diese Dateien:

• jquery.min.js
• slick.min.js
• bootstrap.min.js

ich ausgeben möchte, dass sie als vendor.js.

Ist es möglich, dies zu tun?

---

Edit 1

In Laravel Es gibt einen Dienst namens Elixir, es tut genau das, was ich mit meiner Angular App sehen möchten.

Answer 1

Sie können Grunt/Gulp verwenden. Mit grunzen, schreiben Sie so etwas wie concat:

concat: { 
    options: { 
     stripBanners: true, 
     banner: '/*! <%= pkg.name %> - v<%= pkg.version %> - ' + 
     '<%= grunt.template.today("yyyy-mm-dd") %> */' 
    }, 
    js_libs: { 
     src: ["jquery.js", "bootstrap.js"], 
     dest: 'vendor.js' 
    }, 
} 

Oder wenn Sie auch verunstalten wollen:

uglify: { 
    options: { 
     banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n' 
    }, 
    js_libs: { 
     src: ["jquery.js", "bootstrap.js"], 
     dest: 'vendor.min.js' 
    } 
},