Sass Autoprefixer使用附加的注释sourceMappingURL生成相同的css代码。这有什么用？或者我如何使用它？

我目前正在ExpressJS代码中使用Sass，并且能够使用以下命令生成css文件-

postcss main.css -u autoprefixer -d dist/

使用autoprefixer之前的css文件具有以下代码：

.container {
  display: grid;
  grid-template-columns: 2px 2px;
}

使用autoprefixer后的css文件包含以下代码+一些已注释的sourceMappingURL：

.container {
  display: grid;
  grid-template-columns: 2px 2px;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL21haW4uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsYUFBYTtFQUNiLDhCQUE4QjtBQUNoQyIsImZpbGUiOiJtYWluLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jb250YWluZXIge1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDJweCAycHg7XG59XG4iXX0= */

预期css输出（根据）应为：

.container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2px 2px;
  grid-template-columns: 2px 2px;
}

我的困惑分为两部分

我把autoprefixer命令搞砸了吗？我是否需要以某种方式更正它以获得预期的输出

我是否缺乏关于当前输出文件如何工作的知识。， （a） 使用autoprefixer命令生成的css文件是否足够？ （b） 我是否需要对sourceMappingURL执行一些操作以获得所需的输出

希望我已经解释清楚了我的问题。 提前谢谢

在文本区域下方有Browserlist设置，显示“last 4 version”。这会告诉Autoprefixer为旧浏览器添加前缀。最可能的情况是，您的项目根目录中没有

.browserslistrc

，或者

包.json中没有
browserslist
键，该键会告诉AutoRefixer您的目标浏览器，因此需要
默认值。这将有助于可视化（请将
默认值
与
最后4个版本
进行比较，以查看覆盖范围的差异）

在项目的根目录中创建

browserslist

，并明确指出目标浏览器的基线。您将找到有关如何构造查询的示例。不要担心源地图-在这方面你不必做什么

注意：在IE11的前缀网格之前（如果是您的情况），我鼓励您使用

在文本区域下方有Browserlist设置，显示“last 4 version”。这会告诉Autoprefixer为旧浏览器添加前缀。最可能的情况是，您的项目根目录中没有

.browserslistrc

，或者

包.json中没有
browserslist
键，该键会告诉AutoRefixer您的目标浏览器，因此需要
默认值。这将有助于可视化（请将
默认值
与
最后4个版本
进行比较，以查看覆盖范围的差异）

在项目的根目录中创建

browserslist

，并明确指出目标浏览器的基线。您将找到有关如何构造查询的示例。不要担心源地图-在这方面你不必做什么

---

注意：在使用IE11的前缀网格之前（如果是您的情况），我建议您使用

来使用aquatinted，sourceMappingURL有用吗？我使用CLI只是在没有webpack的css文件前添加前缀，我想知道是否需要在其中保留sourceMappingURL注释。sourceMappingURL有用吗？我使用CLI只是在没有webpack的情况下为css文件添加前缀，我想知道是否需要在其中保留sourceMappingURL注释。