找不到制作css源码图的方法,谁能给予点提示?
7uzetpgm1#
大多数SASS/LESS编译器在编译代码时都会为你创建一个sourceMap,如果没有,那可能是一个设置。您可以在这里阅读更多https://cssdeck.com/blog/how-to-create-css-map-file/
wmvff8tz2#
因此,有几种方法可以生成fileName.css.map或fileName.scss.map或任何您想要的东西。首先创建一个文件optionalName.css。
fileName.css.map
fileName.scss.map
optionalName.css
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.css将scss转换为css。
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.css
scss
css
styles.scss
styles.css styles.css.map styles.scss
2条答案
按热度按时间7uzetpgm1#
大多数SASS/LESS编译器在编译代码时都会为你创建一个sourceMap,如果没有,那可能是一个设置。
您可以在这里阅读更多https://cssdeck.com/blog/how-to-create-css-map-file/
wmvff8tz2#
因此,有几种方法可以生成
fileName.css.map
或fileName.scss.map
或任何您想要的东西。首先创建一个文件
optionalName.css
。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.css
将scss
转换为css
。styles.scss
,然后按下Watch Sass**按钮。之后所有必要的文件都会在你的文件夹中生成: