webpack 如何指定文件输出到指定文件夹

Question

这是我的配置：varwebpack=require('webpack')module.exports={entry:'./main.js',output:{path:'./dist',publicPath:'./dist/',filename:'build.js'},module:{loaders:[{test:/\.vue$/,loader:'vue'},{test:/\.(png|jpeg|gif)$/,loader:'url-loader?limit=8192',}]}}如果只是这样的话，我的图片资源都会输出到dist文件夹下，我希望把所有图片资源都输出到dist/images文件夹下,需要如何配置？

Answer 1

这个问题我遇到过，用file-loader。
{
test:/\.(png|jpeg|gif)$/,
loader:'file-loader?name=images/[hash].[ext]',
}
这种方式不得采用base64，直接将文件存到对应的文件夹，这里我用的images,也就是存到publicPath目录下面。详情可以参考file-loader