bundle your assets scripts
Write Your Code
src/index.js
import bar from './bar.js';
bar();src/bar.js
export default function bar() {
//
}Bundle It
Without config or provide custom webpack.config.js
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
};page.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
...
</head>
<body>
...
<script src="dist/bundle.js"></script>
</body>
</html>Then run webpack on the command-line to create bundle.js.
Awesome isn't it? Let's dive in!
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 (limited to the top 10).
Platinum Monthly Sponsors
platinum monthly sponsorsare those who are currently pledging $2,500 or more monthly to webpack.
Gold Monthly Sponsors
gold monthly sponsorsare those who are currently pledging $500 to $2,500 monthly to webpack.
Silver Monthly Sponsors
silver monthly sponsorsare those who are currently pledging $100 to $500 monthly to webpack.
Bronze Monthly Sponsors
bronze monthly sponsorsare those who are currently pledging $10 to $100 monthly to webpack.
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. This list shows 100 randomly chosen backers:
Webpack 5 has been officially released. Read our announcement. Not ready yet? Read webpack 4 documentation here.