✍️ Webpack - Concepts - Configuration 概述（官网） - 《📝 前端笔记分享》

一、概述 Configuration

官网链接：https://webpack.js.org/concepts/configuration/

这一章节讲述 webpack 的配置

一、概述 Configuration

Webpack 配置文件是一个导出 webpack 配置的 JavaScript 文件。它使用 Node.js 的 CommonJS 模块标准，所以能做以下事情

通过 require(…) 导入其他文件
通过 require(…) 使用 npm 上的资源
使用 JavaScript 的控制流表达式，比如 ?: 操作符
对经常用的值使用常量或变量
使用函数来生成配置项的一部分

下面操作在技术上是可行的，但要尽可能避免

使用 webpack CLI 时，访问 CLI 参数（用自己写的 CLI 或使用 —env 来代替）
export 不确定的值（指的是两次调用 webpack 应产生相同的输出文件）
编写超长的配置（可以将很长的配置文件拆分成多个）

下面的例子描述了 Webpack 为什么能够同时兼备表达性和灵活性，这得益于“代码即为配置”

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

以下链接可以看到更详细的内容：

查看全部的配置项：https://webpack.js.org/configuration/

export 多个配置：https://webpack.js.org/configuration/configuration-types/#exporting-multiple-configurations
使用其他配置语言：https://webpack.js.org/configuration/configuration-languages/

「@浪里淘沙的小法师」