Change2

src/content/concepts/targets.mdx

@@ -21,7 +21,7 @@ To set the `target` property, you set the target value in your webpack config:
 **webpack.config.js**
 
 ```javascript
-module.exports = {
+export default {
   target: "node",
 };
 ```
@@ -39,7 +39,11 @@ Although webpack does **not** support multiple strings being passed into the `ta
 **webpack.config.js**
 
 ```javascript
-const path = require("node:path");
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 const serverConfig = {
   target: "node",
@@ -59,7 +63,7 @@ const clientConfig = {
   // …
 };
 
-module.exports = [serverConfig, clientConfig];
+export default [serverConfig, clientConfig];
 ```
 
 The example above will create a `lib.js` and `lib.node.js` file in your `dist` folder.

src/content/concepts/under-the-hood.mdx

@@ -39,7 +39,7 @@ When you describe an entry point - under the hood, you create a chunk group with
 **./webpack.config.js**
 
 ```js
-module.exports = {
+export default {
   entry: "./index.js",
 };
 ```
@@ -52,7 +52,7 @@ Another example:
 **./webpack.config.js**
 
 ```js
-module.exports = {
+export default {
   entry: {
     home: "./home.js",
     about: "./about.js",
@@ -77,7 +77,7 @@ Each chunk has a corresponding **asset**. The assets are the output files - the
 **webpack.config.js**
 
 ```js
-module.exports = {
+export default {
   entry: "./src/index.jsx",
 };
 ```