如何为 css 或 scss 生成 sourceMap 文件？

Question

找不到为 css 制作源代码 map 的方法。任何人都可以给出提示吗？

Answer 1

大多数 SASS/LESS 的编译器会在编译代码时为你创建一个 sourceMap。 如果他们没有，那可能是一个设置。

您可以在这里阅读更多内容 https://cssdeck.com/blog/how-to-create-css-map-file/

Answer 2

因此，有几种方法可以生成fileName.css.map或fileName.scss.map或您想要的任何内容。

首先创建一个文件optionalName.css 。

1）安装sass： npm install -g sass 。

模式如下所示： sass input.css output.css 。

然后 go 到您的终端并输入sass optionalName.css optionalName.css 。

有时您需要指定文件的路径，例如：

sass src/css/example.css src/css/example.css

并且您会看到在您的文件夹中生成了optionalName.css.map文件。

您还可以通过运行sass optionalName.scss:optionalName.css将scss转换为css 。

2) Go 到 VS Code 并安装Live Sass 编译器扩展。 安装后，您会在下方的蓝色栏中看到一个Watch Sass按钮。 只需打开您需要的SCSS文件，例如styles.scss ，然后按下Watch Sass按钮。 之后所有必要的文件都会在您的文件夹中生成：

styles.css
styles.css.map
styles.scss