使用 express-generator 不工作更改 scss 文件位置
Change scss file location with express-generator not working
所以我按照说明使用最新版本的 express-generator 搭建了一个新项目。创建后,我完成了 npm 安装,一切正常。在 express-generator 选项下,我将 pug 作为视图引擎,将 sass 作为样式。创建项目后,我发现 .css 文件位于 .scss 文件旁边,因此我在 public 文件夹下创建了一个名为 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
}));
sassMiddleware 实际上正在寻找特定的文件夹结构,因此当我为 sass 更改 public 目录时,它期望在 sass 文件夹内有另一个文件夹称为样式表,在这个新文件夹中我可以放置任何 scss 文件,现在它可以工作了,感谢所有人。
所以我按照说明使用最新版本的 express-generator 搭建了一个新项目。创建后,我完成了 npm 安装,一切正常。在 express-generator 选项下,我将 pug 作为视图引擎,将 sass 作为样式。创建项目后,我发现 .css 文件位于 .scss 文件旁边,因此我在 public 文件夹下创建了一个名为 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
}));
sassMiddleware 实际上正在寻找特定的文件夹结构,因此当我为 sass 更改 public 目录时,它期望在 sass 文件夹内有另一个文件夹称为样式表,在这个新文件夹中我可以放置任何 scss 文件,现在它可以工作了,感谢所有人。