如何使用webpack4实现多种导出类型？

本文共计1053个文字，预计阅读时间需要5分钟。

Webpack的基本配置就是导出一个静态的对象，但由于我们的业务比较复杂，往往需要动态配置webpack来构建目标代码。幸运的是，webpack为我们提供了动态配置webpack文件的支持。下面简要介绍：

webpack最基本的配置就是导出一个静态的对象，但是由于我们业务比较复杂，往往需要动态配置webpack以构建目标代码。

幸运的是，webpack为我们提供了动态配置webpack文件的支持。

下面介绍一下webpack的多种配置类型。

1、导出为一个对象（Object）

webpack最常见的配置类型为导出一个对象，即

const path = require('path') module.exports = { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') } }

2、导出为一个函数（Function）

很明显，导出为一个对象缺乏灵活性。若我们想要根据不同的开发环境构建不一样的代码。此时，webpack配置也应该随着改变。

所以，webpack支持我们导出一个函数，这个导出函数的默认参数为env和argv。