webpack能否打包页面内的样式

Question

webpack在打包样式式时需要在脚本入口import 'xxx.css'，它有没有办法解析页面内的通过link标签引入的样式呢？
现在页面里有如下样式：

<link rel="stylesheet" href="../css/animate.min.css">
<link rel="stylesheet" href="../css/media.css"  media="screen and (max-width:1024px)">

我想在打包后变成下面这种格式(路径在dist文件夹内)：

<link rel="stylesheet" href="../css/bundle.css">

即把两个样式合并成一个，请问在不使用import的情况下应该怎么做呢？另外
<link rel="stylesheet" href="../css/media.css" media="screen and (max-width:1024px)"这种引入样式的方式怎么在webpack中引入？请大佬指点一下，感激不尽~