配置 | Configuration

Configuration

  • 通过 require(...) 导入其他文件

  • 通过 require(...) 使用 npm 的工具函数

  • 使用 JavaScript 控制流表达式。例如:?:运算符

  • 对于常用值使用 const 或者 var

  • 编写函数并执行函数用于生成配置文件中的一部分

适当时使用这些功能。

就算技术上说的通,但是在实际操作过程中应当避免的几点:

  • 在使用 webpack CLI 时访问 CLI 参数(而不是编写自己的 CLI 或使用--env

  • 导出非确定性值(调用webpack两次应导致相同的输出文件)

  • 写长式配置(而不是将配置分成多个文件)

从这个文档中删除最重要的部分是有很多不同的方式来格式化和设置你的webpack配置。关键是要坚持你和你的团队能够理解和保持的一致。

下面的例子描述了webpack的配置对象如何具有表现力和可配置性,因为此为代码:

最简单的配置

webpack.config.js

var path = require('path' module.exports = { entry: './foo.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'foo.bundle.js' } };

多个目标

请参阅:导出多个配置

使用其他配置语言

webpack接受用多种编程和数据语言编写的配置文件。

请参阅:配置语言