将多个SASS文件合并为一个SASS文件

Question

有谁知道是否有一种方法可以将多个 SASS/SCSS 文件组合成一个SASS/SCSS文件。我的意思是“进入一个 SASS/SCSS”而不是进入一个 CSS 文件。

例如，我有 3 个 scss 文件：

• app.scss
• base.scss
• layout.scss

app.scss 文件包含 2 个对base.scss和 的导入layout.scss。

我希望能够生成 1 个 SCSS 文件，该文件基本上连接了文件并且不处理 sass。

搜索相当困难，因为返回的所有内容都与组合到 CSS 中有关。

我为什么要这样做？基本上，我想从 codepen（其他在线代码编辑器）中轻松引用一组 SCSS 文件。

谢谢

Answer 1

我通过掩码分析所有文件，找到其中的所有导入并将其连接到一个文件中。所以我不需要一个入口点

npm install -D bundle-scss

"script": {
  "postbuild": "npm run themes",
  "themes": "bundle-scss -m \"./src/**/*.theme.scss\" -d \"./dist/themes.scss\""
}