From 2125e4ac7a8f85e9e53c86815c3fc7e668a50197 Mon Sep 17 00:00:00 2001 From: Aviv Keller Date: Wed, 10 Jun 2026 16:39:11 -0400 Subject: [PATCH 1/2] feat(pages): add about page --- pages/about/index.md | 103 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 103 insertions(+) create mode 100644 pages/about/index.md diff --git a/pages/about/index.md b/pages/about/index.md new file mode 100644 index 00000000..a32ab056 --- /dev/null +++ b/pages/about/index.md @@ -0,0 +1,103 @@ +# About webpack + +webpack is a static module bundler for modern JavaScript applications. It treats +every file and asset in your project as a module, recursively building a +dependency graph from one or more entry points, then bundling those modules into +one or more optimized output files for the browser. In the following "hello +world" example, a single entry module pulls in its dependencies, and webpack +figures out the rest. + +```js displayName="src/index.js" +import { greet } from './greeting.js'; + +const element = document.createElement('div'); +element.textContent = greet('webpack'); +document.body.appendChild(element); +``` + +```js displayName="webpack.config.js" +const path = require('node:path'); + +module.exports = { + mode: 'production', + entry: './src/index.js', + output: { + filename: 'main.js', + path: path.resolve(__dirname, 'dist'), + }, +}; +``` + +This is in contrast to the older approach of manually managing many `