在 angular 2 中合并供应商 javascript

Question

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

例如，我有这些文件：

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

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

可以这样做吗？

编辑 1

在 Laravel There's a service called Elixir 中，它完全符合我对 Angular 应用程序的要求。

Answer 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'
    }
},

在 angular 2 中合并供应商 javascript

Combine vendor javascripts in angular 2

javascript

vendor

angularjs