Does anyone know how to create multiple output paths in a webpack.config.js file? I'm using bootstrap-sass which comes with a few different font files, etc. For webpack to process these i've included file-loader which is working correctly, however the files it outputs are being saved to the output path i specified for the rest of my files:
output: { path: __dirname +"/js", filename: "scripts.min.js" }
I'd like to achieve something where I can maybe look at the extension types for whatever webpack is outputting and for things ending in .woff .eot, etc, have them diverted to a different output path. Is this possible?
I did a little googling and came across this *issue on github where a couple of solutions are offered, edit:
but it looks as if you need to know the entry point in able to specify an output using the hash method eg:
var entryPointsPathPrefix = './src/javascripts/pages';var WebpackConfig = { entry : { a: entryPointsPathPrefix +'/a.jsx', b: entryPointsPathPrefix +'/b.jsx', c: entryPointsPathPrefix +'/c.jsx', d: entryPointsPathPrefix +'/d.jsx' }, // send to distribution output: { path: './dist/js', filename: '[name].js' }}
*https://github.com/webpack/webpack/issues/1189
however in my case, as far as the font files are concerned, the input process is kind of abstracted away and all i know is the output. in the case of my other files undergoing transformations, there's a known point where i'm requiring them in to be then handled by my loaders. if there was a way of finding out where this step was happening, i could then use the hash method to customize output paths, but i don't know where these files are being required in.