Webpack配置环境变量常见错误解析有哪些？

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

一、前言在日常的前端开发工作中，通常会涉及两套构建环境：一套用于开发时使用，另一套用于本地开发调试。构建结果用于本地开发调试，不进行代码压缩、打印、debug等信息，包含sourcemap、文件等；一套用于发布时使用，构建结果用于发布，进行代码压缩、打印、debug等信息处理。

一、前言

• 日常的前端开发工作中，至少会有两套构建环境
  • 一套开发时使用，构建结果用于本地开发调试，不进行代码压缩、打印 debug 信息、包含 sourcemap 文件等
  • 一套发布时使用，构建结果用于线上，即代码都是压缩过的、运行时不打印 debug 信息、静态文件不包括 sourcemap 等
• webpack 4.0 版本开始引入了 mode 的概念

选项 描述 development 会将 process.env.NODE_ENV 的值设为 development。启用 NamedChunksPlugin 和 NamedModulesPlugin production 会将 process.env.NODE_ENV 的值设为 production。