webpack multiple input files and multiple output files

Question

I'm creating a non-SPA website and wanted to use webpack, but I can't achieve situation when I have multiple input files and multiple output files. My input files has structure:

-/front -app.js -/js -main.js -login.js

and I want output to be:

-/web -/bundles -main.js -login.js

here's beginning of my webpack.config.js:

module.exports = {
    context: path.resolve('src/front'), // main webpack folder
    entry: ["./app.js"],
    output: {
        filename: "./web/bundles/[name].js"
    },

Is it even achievable?

Now, only all required files in app.js are bundles under the name main.js in /web/bundles folder. How to change it?

oklas · Accepted Answer · 2017-05-31 16:15:27Z

10

Use multiple entry points like this:

entry: {
  app: './app',
  main: './js/main.js',
  login: './js/login.js',
},
output: {
  path: path.join(__dirname, './public'),
  filename: '[name].js'
},

answered May 31, 2017 at 16:15

oklas

8,2702 gold badges31 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

hm hm Over a year ago

ok, but when I'll add more files, I will have to update config all the time. Isn't there is something like gulp's expressions like '*/.js' ?

oklas Over a year ago

This question is solved seems you have success. And whilecard is another question you can read about it there or ask new question. I hope you will have success.

Collectives™ on Stack Overflow

webpack multiple input files and multiple output files

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related