javascript - 在 Angular 2 中结合 vendor JavaScript

Question

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

例如，我有这些文件:

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

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

可以这样做吗？

<小时/>

编辑 1

在 Laravel有一个服务叫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'
    }
},