src/index.js
import bar from './bar.js';
bar();
src/bar.js
export default function bar() {
//
}
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
.
Get Started quickly in our Guides section, or dig into the Concepts section for more high-level information on the core notions behind webpack.
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!
The following persons/organizations made their first donation in the last 14 days (limited to the top 10).
Webpack 5 has been officially released. Read our announcement. Not ready yet? Read webpack 4 documentation here.