将所有bower库组合并缩小为一个文件webpack

Question

我使用bower来要求我的前端css / js依赖项，我从index.html视图中引用了所有这些依赖项，其中还包括我在此html中的react应用程序包。

对于我的反应应用程序的bundle.js一切正常，webpack完成了这项工作。

我的问题是如何使用webpack（css + js）自动组合bower_component目录中所有样式导入的过程？

工具是否可以抛出index.html文件然后在看到导入时（在我的情况下是这样的：

<link rel="stylesheet" href="/public/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/public/plugins/select2/dist/css/select2.min.css">
<link rel="stylesheet" href="/public/plugins/summernote/dist/summernote.css">
<link rel="stylesheet" href="/public/plugins/ion.rangeslider/css/ion.rangeSlider.css">
<link rel="stylesheet" href="/public/plugins/ion.rangeslider/css/ion.rangeSlider.skinFlat.css">
<script src="/public/plugins/summernote/dist/summernote.min.js"></script>

使用文件的URL替换文件的内容，而且即使URL是相对的并且在expressJS中定义为static。

• Gulp可以作为工具，但如果一个工具可以完成所有工作，那将会很棒。 Gulp注入似乎很有意思https://www.npmjs.com/package/gulp-inject但是没有相对URL的选项，只能获取index.html文件中所需的文件。

我无法使用gulp并说出凉亭组件中的所有js / css，因为它们并未全部使用，我也不想让它们更容易更新组件。