Объединить JavaScript javascripts в угловой 2

Question

Я использую Angular 2, и я хотел бы знать, как я могу объединить файлы javascript моего поставщика.

, например, у меня есть эти файлы:

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

Я хочу, чтобы вывести их как vendor.js.

Возможно ли это сделать?

---

Edit 1

В Laravel Там это услуга называется Elixir, он делает именно то, что я хочу сделать с моим угловым приложением.

Answer 1

Вы можете использовать Grunt/Gulp. С ворчанием, вы пишете что-то вроде 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' 
    }, 
} 

Или, если вы хотите, чтобы уродовать:

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