webpack如何将js、css、img、fonts分别打包到不同文件夹？

Question

如题。

我按照webpack教程打包出来的文件夹结构如下：

所有的文件都在build的根目录下面，乱七八糟的不好管理。我如何将不同文件类型打包的不同的文件夹下面。例如将所有的js文件打包到js文件夹下，css文件打包到css文件夹下，图片打包到imgs文件夹下，字体文件打包到fonts文件夹下。

这个功能该如何配置，希望不吝赐教！

多谢！

Answer 1

使用url-loader的时候就会有参数把
比如 loader: 'url?name=static/[name].[ext]'，就是在static文件夹下。