Quantcast
Channel: Active questions tagged config - Stack Overflow
Viewing all articles
Browse latest Browse all 5049

How to create multiple output paths in Webpack config

$
0
0

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.


Viewing all articles
Browse latest Browse all 5049

Trending Articles