bundle your
assets scripts

app.js

import bar from './bar';

bar();

bar.js

export default function bar() {
  //
}

webpack.config.js

module.exports = {
  entry: './app.js',
  output: {
    filename: 'bundle.js'
  }
};

page.html

<!doctype html>
<html>
  <head>
    ...
  </head>
  <body>
    ...
    <script src="bundle.js"></script>
  </body>
</html>

Then run webpack on the command-line to create bundle.js.

Get Started quickly in our Guides section, or dig into the Concepts section for more high-level information on the core notions behind webpack.

Support the Team

Through contributions, donations, and sponsorship, you allow webpack to thrive. Your donations directly support office hours, continued enhancements, and most importantly, great documentation and learning material!

Latest Sponsors

The following persons/organizations made their first donation in the last 14 days.

Become a sponsor

Platinum Sponsors

platinum sponsorsare those who have pledged $50,000 or more to webpack.

Become a sponsor

Gold Sponsors

gold sponsorsare those who have pledged $10,000 to $50,000 to webpack.

Become a sponsor

Silver Sponsors

silver sponsorsare those who have pledged $2,000 to $10,000 to webpack.

Become a sponsor

Bronze Sponsors

bronze sponsorsare those who have pledged $200 to $2,000 to webpack.

Become a sponsor

Backers

The following Backers are individuals who have contributed various amounts of money in order to help support webpack. Every little bit helps, and we appreciate even the smallest contributions.