node-sass-middleware 不使用 express 渲染答案

【问题标题】：node-sass-middleware not rendering using expressnode-sass-middleware 不使用 express 渲染
【发布时间】：2023-04-02 05:45:01
【问题描述】：

我遇到了 node-sass-middleware 没有呈现我的 css 的问题，这是我的中间件代码：

  // adding the sass middleware
  app.use(sassMiddleware({
    /* Options */
    src: path.join(__dirname, "public/sass"),
    dest: path.join(__dirname, "public/css"),
    debug: true,
    outputStyle: 'compressed',
    prefix:  '/static/css'  // Where prefix is at <link rel="stylesheets" href="prefix/style.css"/>
}));
app.use(express.static(path.join(__dirname, 'public')));

我在控制台上得到了这个：

  source: ~\public\sass\style.scss
  dest: ~\public\css\style.css
  read: ~\public\css\style.css

但是css文件永远不会被渲染，网站也没有收到文件。

这是我来自 package.json 的依赖项列表以获取更多信息：

"dependencies": {
    "ejs": "~2.5.2",
    "express": "~4.14.0",
    "node-sass": "^3.13.0",
    "node-sass-middleware": "^0.10.0"
  }

编辑，如果我删除我得到的前缀行：

  source: ~\public\sass\static\css\style.scss
  dest: ~\public\css\static\css\style.css
  read: ~\public\css\static\css\style.css

编辑文件树：

│   index.js
│   package.json
│
├───public
│   ├───css
│   ├───img
│   │       background.jpg
│   │
│   ├───js
│   └───sass
│           captus.sass
│
├───routes
│       index.js
│
└───views
    │   main.ejs
    │
    └───partials
        └───main
            └───pages
                    about.ejs
                    home.ejs

【问题讨论】：

去掉前缀行
如果我删除前缀行，我会得到一个奇怪的结果，但它仍然不起作用，请参阅主帖上的编辑
您能再编辑一次并放置您的文件树吗？
完成，请看编辑

标签： node.js express sass

【解决方案1】：

您需要将编译模式设置为 Transpile *.sass 文件，添加

// adding the sass middleware
app.use(sassMiddleware({
/* Options */
    src: path.join(__dirname, "public/sass"),
    dest: path.join(__dirname, "public/css"),
    debug: true,
    indentedSyntax: true,//add this to use SASS files
    outputStyle: 'compressed',
    prefix:  '/static/css'
}));

【讨论】：

【解决方案2】：

将我的 sass 文件重命名为 scss 解决了这个问题。

在此感谢 am11 给我他自己的工作示例，最终导致修复：https://github.com/sass/node-sass-middleware/issues/70

【讨论】：