узел дерзость-промежуточный не рендеринг с использованием экспрессом

Question

У меня проблема, когда узел-дерзость-промежуточный программное обеспечение не делает мой 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" 
    } 

Edit, если я удалить префикс строки я получаю:

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 

Answer 1

переименовать мой sass файл, чтобы scss исправил проблему.

Благодаря АМ11 здесь за предоставленную мне свой рабочий пример, что в конечном итоге привело к затруднительного: https://github.com/sass/node-sass-middleware/issues/70

Answer 2

Вам необходимо установить режим transpilation для 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' 
}));