diff --git a/docs/plugins/intermediate/bundling.mdx b/docs/plugins/intermediate/bundling.mdx
index a62c7d2..ee939bf 100644
--- a/docs/plugins/intermediate/bundling.mdx
+++ b/docs/plugins/intermediate/bundling.mdx
@@ -120,6 +120,8 @@ Before we even configure Webpack proper, let's just quickly adjust our `package.
 Now with that out of the way, let's take a look at a general commonjs output Webpack configuration.
 
 ```js title="webpack.config.js" showLineNumbers
+const path = require("path");
+
 module.exports = {
   mode: "development",
   target: "node",
@@ -177,6 +179,7 @@ module.exports = {
 So if we put it all together we end up with a full config like this:
 
 ```js title="webpack.config.js" showLineNumbers
+const path = require("path");
 const webpack = require("webpack");
 const pkg = require("./package.json");
 const pluginConfig = require("./src/config.json");
@@ -403,4 +406,4 @@ Now try building and opening your settings panel again, you'll see it loads just
 
 ### TypeScript
 
-This has no special requirements for BetterDiscord! Take a look at [Webpack's official guide](https://webpack.js.org/guides/typescript/) on using TypeScript with Webpack.
\ No newline at end of file
+This has no special requirements for BetterDiscord! Take a look at [Webpack's official guide](https://webpack.js.org/guides/typescript/) on using TypeScript with Webpack.