在 Angular 2 中结合供应商 JavaScript

【问题标题】：Combine vendor javascripts in angular 2在 Angular 2 中结合供应商 JavaScript
【发布时间】：2016-10-24 01:32:35
【问题描述】：

我正在使用 Angular 2，我想知道如何合并我的供应商 javascript 文件。

例如，我有这些文件：

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

我想将它们输出为vendor.js。

可以这样做吗？

编辑 1

在Laravel 中有一个名为Elixir 的服务，它完全符合我希望对我的Angular 应用程序执行的操作。

【问题讨论】：

标签： javascript angularjs vendor

【解决方案1】：

您可以使用 Grunt / Gulp。使用 grunt，您可以编写类似 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'
    }
},

【讨论】：