了解 JavaScript 模块：轻松导出和导入代码

<code class="javascript">// math.js
export const add = (a, b) => a + b;
export const subtract = (a, b) => a - b;</code>

<code class="javascript">// greet.js
export default function greet(name) {
  console.log(`Hello, ${name}!`);
}</code>

<code class="javascript">import { add, subtract } from './math.js';

console.log(add(5, 3)); // 8
console.log(subtract(5, 3)); // 2</code>

<code class="javascript">import greet from './greet.js';

greet('Alice'); // Hello, Alice!</code>

<code class="javascript">import { add as addition } from './math.js';

console.log(addition(5, 3)); // 8</code>

<code class="javascript">import * as mathOperations from './math.js';

console.log(mathOperations.add(5, 3)); // 8
console.log(mathOperations.subtract(5, 3)); // 2</code>

<code class="javascript">import('./math.js').then((mathOperations) => {
  console.log(mathOperations.add(5, 3)); // 8
});</code>

<code class="javascript">async function loadModule() {
  const mathOperations = await import('./math.js');
  console.log(mathOperations.add(5, 3)); // 8
}
loadModule();</code>

<code class="javascript">// math.js
module.exports = {
  add: (a, b) => a + b,
  subtract: (a, b) => a - b,
};</code>

<code class="javascript">const mathOperations = require('./math.js');

console.log(mathOperations.add(5, 3)); // 8</code>

<code class="bash">npm install webpack webpack-cli --save-dev</code>

<code class="javascript">export default function calculate() { ... }</code>