有没有办法用 webpack 只生成 CSS 源映射？答案

【问题标题】：Is there any way to generate only CSS source maps with webpack?有没有办法用 webpack 只生成 CSS 源映射？
【发布时间】：2022-01-23 15:34:40
【问题描述】：

我正在尝试使用 webpack 构建并且出现了有趣的问题。我想为 prod 生成仅 CSS 的源映射，当我使用 devtool: "source-map", 时，我最终得到了 JS 和 CSS 映射。我对这个“问题”进行了快速搜索，但没有任何结果。有什么简单的方法可以控制我生成哪些地图？

【问题讨论】：

【解决方案1】：

https://webpack.js.org/configuration/devtool/#devtool

除了使用 devtool 选项，您还可以直接使用 SourceMapDevToolPlugin/EvalSourceMapDevToolPlugin，因为它有更多选项。切勿同时使用 devtool 选项和插件。

所以在 devtool 选项上删除源映射设置，然后安装/插入： https://webpack.js.org/plugins/source-map-dev-tool-plugin/

从那里，SourceMapDevToolPlugin 的 exclude 或 include 选项是您缩小仅 CSS 地图的地方。

【讨论】：

我按照你的建议做了并禁用了devtool，但结果有点奇怪。当我使用基本配置plugins: [new webpack.SourceMapDevToolPlugin({})] 时，不会生成源映射。当我激活devtool 时，会生成css 和js 源映射。例如，当我想排除所有 .js 文件时，结果是相反的——我最终只生成了 js 源映射，但没有 css 一个。类似问题here.