无法编译SCSS引导程序模板

Question

我想添加其他列断点，但无法编译bootstrap模板。 我下载了引导程序suffee admin dashboard。我还下载了Prepros。然后，将根文件夹添加到prepros并使用以下设置-我遵循此tutorial：

使用我的Notepad++编辑器，修改了_variables.scss文件，并如下修改了断点：

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1600px
) !default;

@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
@include _assert-starts-at-zero($grid-breakpoints);


// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1200px,
  xxl: 1600px
) !default;

保存文件后，prepros返回错误：

我怎么了？您知道其他用于编译模板的工具吗？我想用模板（没有nodejs应用程序）创建一个JS Client