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

kpbwa7wx  于 2023-02-01  发布在  其他
关注(0)|答案(2)|浏览(226)

找不到制作css源码图的方法,谁能给予点提示?

7uzetpgm

7uzetpgm1#

大多数SASS/LESS编译器在编译代码时都会为你创建一个sourceMap,如果没有,那可能是一个设置。
您可以在这里阅读更多https://cssdeck.com/blog/how-to-create-css-map-file/

wmvff8tz

wmvff8tz2#

因此,有几种方法可以生成fileName.css.mapfileName.scss.map或任何您想要的东西。
首先创建一个文件optionalName.css

    • 1)**安装sass:npm install -g sass.

模式如下所示:sass input.css output.css.
然后转到您的终端并键入sass optionalName.css optionalName.css
有时你需要指定路径到您的文件,如:
sass src/css/example.css src/css/example.css
您会看到optionalName.css.map文件在您的文件夹中生成。
您也可以通过运行sass optionalName.scss:optionalName.cssscss转换为css

    • 2)转到VS代码并安装Live Sass Compiler扩展。当它安装后,你会在下面的蓝条中看到一个Watch Sass按钮。只需打开一个你需要的SCSS文件,比如styles.scss,然后按下Watch Sass**按钮。之后所有必要的文件都会在你的文件夹中生成:
styles.css
styles.css.map
styles.scss

相关问题