下面这种方法能简单实现，但是靠谱程度，不敢说，可以参考一下。
在学习webpack时，由于资料太少了，网上查询到的资料都是只能将文件打包到一个指定目录下。
查了一下，webpack貌似没有针对每个文件配置编译后的路径。
没办法，只好自己想办法。
例如我的当前目录结构为，
button下的index.jsx编译为当前目录下的index.js
grid下的index.jsx编译为当前目录下的index.js
正常情况下配置文件为
entry : {
"button": "demo/button/index.jsx"),
"grid": "demo/grid/index.jsx")},
output: {
path: 'dist/js',
filename: "[name].js",
chunkFilename: "[name].js"
}
其实只要小小的变通下，就可以为每个文件配置输出目录，
entry : {
"demo/button": "demo/button/index.jsx"),
"demo/grid": "demo/grid/index.jsx")},
output: {
path: 'dist/js',
filename: "[name].js",
chunkFilename: "[name].js"
}
可以看到只是给entry的key加上目录名称就好了。