bower_concat 等效于 NPM答案

【问题标题】：bower_concat equivalent for NPMbower_concat 等效于 NPM
【发布时间】：2016-10-29 19:32:00
【问题描述】：

bower_concat 很棒。当您使用以下方式添加凉亭包时：

bower install something --save

bower_concat 会自动从该包中检索 javascript 和 CSS 并将其连接到一个包中，因此您会得到一个不错的 vendor.js 和 vendor.css 文件，然后您可以将它们压缩并注入到您的 html 中。

随着 angular2 和 Typescript 导入系统的出现，所有的包，包括在你的应用程序中使用的包，都通过 NPM。

对于 NPM 是否有等效的 bower_concat ？它会自动检索你的 CSS 并生成一个捆绑包？

【问题讨论】：

看看github.com/gruntjs/grunt-contrib-concat
@AngJobs bower_concat 不是一个简单的 concat 工具。它将从包中提取相关的 js 和 css 并自动连接它们。使用 grunt-concat 我每次添加依赖项时都必须更新 grunfile。
我认为 Webpack 可以做到这一点，还有更多：webpack.github.io/docs/stylesheets.html ;我认为，缺点是 Webpack 需要一些时间来适应。但是您可以使用经过充分测试的样板，例如 Angular 2 Webpack starter：github.com/AngularClass/angular2-webpack-starter

【解决方案1】：

这个包和你的包很相似，看看这个对你有帮助 https://www.npmjs.com/package/node-minify

【讨论】：

我不是要缩小，而是要连接。无论如何，如果我正确理解了文档，您仍然必须手动指定要缩小的模块。 bower_concat 会自动执行此操作。所以你只需添加一个包，它就会自动包含在你的 webapp 中......

【解决方案2】：

Webpack 绝对是要走的路。你必须稍微修改你的代码，最好是使用 ES6 导入（如果需要，使用 babel 降级到 ES5）和 webpack 将“正常工作”（c）。

使用 Webpack，您可以摆脱 bower，还可以摆脱 require 甚至 grunt，如果您的设置足够简单的话。

它是如何工作的？它需要一个文件（“主”文件），然后通过导入依赖项将它们打包到一个（或多个）文件中。当它连接它们时，您可以应用“加载器”。加载器是将文件作为输入的工具，输出将由 Webpack 取回。加载器可以缩小、丑化、转译或应用任何任意转换。那里有很多装载机。

我没有回头……

【讨论】：