webpack 模块方法(module methods)

在使用 Webpack 进行前端开发时，模块方法是非常重要的一部分。Webpack 提供了许多可以用来处理模块的方法，让开发者可以更加灵活地管理和组织项目中的代码。

require

在 Webpack 中，我们可以使用 require 方法来引入模块。这个方法可以接受一个模块路径作为参数，然后返回这个模块导出的内容。例如：

const moduleA = require('./moduleA');

import

除了 require 方法外，Webpack 还支持 ES6 的 import 语法来引入模块。import 语法更加直观和简洁，可以使用解构赋值来获取模块导出的内容。例如：

import { funcA, funcB } from './moduleB';

exports

在模块中，我们可以使用 exports 关键字来导出模块中的内容。可以导出变量、函数、类等内容。例如：

// moduleC.js
export const varA = 123;
export function funcC() {
  // do something
}

module.exports

除了 exports 关键字外，Webpack 还支持 module.exports 来导出模块内容。module.exports 可以导出一个对象、函数、类等内容。例如：

// moduleD.js
module.exports = {
  varD: 'Hello',
  funcD: function() {
    // do something
  }
}

以上就是 Webpack 中常用的模块方法，通过这些方法，我们可以更加方便地组织和管理项目中的代码。Webpack 的模块方法让前端开发变得更加简单和高效。