Fatal编程技术网
  • sass/
  • 如何在jekyll中编译sass sourcemap

如何在jekyll中编译sass sourcemap

sass jekyll

如何在jekyll中编译sass sourcemap,sass,jekyll,Sass,Jekyll,我使用的是jekyll 3.4.0， 我正在使用sass设计我的网站。 编译时，它不会在_site文件夹中创建style.css.map文件，这对调试非常有帮助 My config.yml文件 markdown: kramdown port: 8080 sass: sass_dir: css sourcemap: true style: compact 我认为Jekyll（还）不支持SASS源代码映射 对于我的项目，我已将SASS构建步骤添加到部署脚本中，该脚本将生成源映射： #/

我使用的是jekyll 3.4.0， 我正在使用sass设计我的网站。 编译时，它不会在_site文件夹中创建style.css.map文件，这对调试非常有帮助

My config.yml文件

markdown: kramdown
port: 8080
sass:
  sass_dir: css
  sourcemap: true
  style: compact
我认为Jekyll（还）不支持SASS源代码映射

对于我的项目，我已将SASS构建步骤添加到部署脚本中，该脚本将生成源映射：

#/bin/bash
#将在其中存储生成结果的目标文件夹
DEST=“./_站点/样式”
#将在其中放置原始SCSS文件的文件夹
原件=$DEST/原件
#包含SCSS文件的文件夹将放置在其中
包括=$ORIGINALS/\u sass
#删除文件夹的早期版本
rm$原件-r
mkdir$原件
#将原始SASS包含文件复制到输出文件夹
cp./_sass/$原件-r
#入口点SCSS文件的名称（不带扩展名）
SASS_文件=样式
#将入口点SCSS文件复制到输出文件夹
#（从文件中删除frontmatter）
尾部-n+3./style/$SASS_FILE.scss>$ORIGINALS/$SASS_FILE.scss
#构建条目SCSS文件
sass—加载路径$INCLUDES--sourcemap=auto$ORIGINALS/$sass_FILE.scss$DEST/$sass_FILE.css
重要的 不要忘记将web服务器配置为服务器SCSS mime类型

附加说明 这里重要的是原始SCSS文件也部署到web服务器上，以便浏览器可以访问它们

另外，
sourcemap
参数需要设置为
auto
，以便将原始SCSS文件的正确相对路径插入到sourcemap中