使用 express-generator 更改 scss 文件位置不起作用答案

【问题标题】：Change scss file location with express-generator not working使用 express-generator 更改 scss 文件位置不起作用
【发布时间】：2017-10-14 10:00:33
【问题描述】：

所以我按照说明使用 express-generator 最新版本搭建了一个新项目。创建后，我已经完成了 npm 安装，一切正常。在 express-generator 选项下，我将 pug 作为视图引擎，将 sass 作为样式。创建项目后，我发现 .css 文件位于 .scss 文件旁边，因此我在名为 sass 的公共文件夹下创建了新文件夹来存储我的所有 .scss 文件，然后我更改了 app.js 中的 src 路径文件到 public/sass，我在 sass 文件夹下只有两个文件，一个是生成器创建的，另一个定义了一种可变颜色来测试导入。但是，一旦我将文件移动到这个新位置，就不会进行可变颜色更改，如果我将文件移回它们工作的原始位置，有人可以告诉我发生了什么吗？

app.use(sassMiddleware({
  src: path.join(__dirname, "public", "sass"),
  dest: path.join(__dirname, "public"),
  indentedSyntax: false, // true = .sass and false = .scss
  sourceMap: true
}));

【问题讨论】：

检查你的 sass 文件是否包含。
我只有一个名为 sass 的文件夹，在其中我有一个名为 styles.scss 的文件，它只有一个 @import "partials/basics";在该 sass 文件夹中，我有另一个名为 partials 的文件夹，其中包含文件 basics.scss，只有 $black: #000000;
public\sass 文件夹中有partials 子文件夹吗？如果两个文件都在同一个文件夹中，它必须是@import "basics"。
是的，我在 sass 文件夹中确实有 partials 子文件夹，这就是为什么我的导入以子文件夹的名称开头，但即使我更改了该名称并将该 partials 文件夹移开并更改导入，没有任何东西被输送到应该的 style.css 文件中。即使我直接在 style.scss 文件中编写简单的背景颜色更改

标签： node.js sass express-generator

【解决方案1】：

sassMiddleware 实际上是在寻找一个特定的文件夹结构，所以当我更改 sass 的公共目录时，它期望在 sass 文件夹内有另一个名为 stylesheets 的文件夹，在这个新文件夹内我可以放置任何 scss 文件，现在它是工作，谢谢大家。

【讨论】：