以角度2结合供应商javascripts

时间:2016-06-22 08:21:55

标签: javascript angularjs vendor

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

例如,我有这些文件:

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

我想将它们输出为vendor.js

这可能吗?

修改1

Laravel中有一项名为Elixir的服务,它完全符合我对Angular应用的要求。

1 个答案:

答案 0 :(得分: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'
    }
},