bundle your
assets scripts

STATIC ASSETS .png .css .jpg .js MODULES WITH DEPENDENCIES .jpg .png .sass .sass .js .sass .cjs .hbs .js

Write your code

app.js

import bar from './bar';

bar();

bar.js

export default function bar() {
  //
}

Bundle with webpack

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.

It's that simple

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.

Segment's avatar
Become a sponsor

Silver Sponsors

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

Google Angular's avatar
Become a sponsor

Bronze Sponsors

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

Peerigon's avatarArchitects.io's avatar
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.

MoonMail's avatar
Become a backer