配置Astro(Vite)编译SCSS为外部CSS并同步至CMS的方案

以下是需遵循的Markdown格式规则，每个规则附带示例：

• 标题：使用井号（#）定义，层级对应井号数量

  # 一级标题
  ## 二级标题
  ### 三级标题
  

• 列表项：以短横线（-）开头创建无序列表，嵌套项需缩进

  - 主列表项1
  - 主列表项2
    - 嵌套列表项
  

• 文本强调：用星号（*）包裹实现斜体或粗体

  *斜体文本*
  **粗体文本**
  

• 代码/命令：用反引号（`）包裹行内代码，用三个反引号包裹多行代码块

  行内代码示例：`npm run dev`
  多行代码块示例：
  ```bash
  yarn install
  yarn build
  

• 引用文本：用大于号（>）标记引用内容，支持多层嵌套

  > 一级引用
  >> 二级嵌套引用
  

• 链接：文本放方括号[]，URL放后续括号()

  [链接显示文本](https://example.com)
  

• 图片：替代文本放方括号[]，图片URL放后续括号()

  [图片替代文本](https://example.com/image.jpg)
  

内容的提问来源于stack exchange，提问作者Dennis Burger