javascript - 在 browserslist 中，拥有不同环境配置的意义何在？

Question

简介 : browserslist是一种配置，用于让其他开发人员、包、插件等知道您的项目支持哪些浏览器。这是通过查询完成的，并且有一种方法可以将这些查询拆分到不同的环境中。

{
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
}

假设我使用了开发配置支持但生产不支持的 javascript 函数。
我的问题是 :那么如果我发现在开发早期未检测到的生产配置可能存在错误，那么在生产和开发之间拆分配置有什么意义？ (是因为它提供了编译时间的速度还是一些类似的优势？)

Answer 1

生产 : 这将缩小 的代码快 Web 性能，并具有生产内置功能
例如。在您的 CSS 样式中，您应该将所有 CSS 代码包装在一个文件中或 MiniCssExtractPlugin当你决定部署你的项目时
发展 :这将在构建项目时提高生产力
例如。你应该有一个 DevServer和 StylingLoaders将样式放在 DOM 当您部署项目时，您可以实现 Css Plugin to create a file
您的 生产配置给你一个错误，因为它可能需要更新一些依赖项或 npm 包