Использование файла node-sass-middleware компилирует при посещении маршрута localhost: 3000 в "приложении узла. js". При обновлении css не применяется, даже если файл находится по тому же пути.
const express = require('express');
var exphbs = require('express-handlebars');
var sassMiddleware = require('node-sass-middleware');
var path = require('path');
const app = express();
const port = 3000
app.engine('handlebars', exphbs());
app.set('view engine', 'handlebars');
app.use(sassMiddleware({
src: __dirname + '/sass',
dest: __dirname + '/public/stylesheets',
debug: true,
outputStyle: 'compressed'
}));
app.use("/public", express.static(path.join(__dirname, "public")));
app.get('/', (req, res) => res.render('home'));
app.listen(port, () => console.log(`Example app listening on port ${port}!`))
Моя структура каталогов:
Sr c путь: папка приложения / sass / style.s css путь назначения: папка приложения / public / stylesheets / style. css css ссылка в файле макета:
, насколько мне известно, я могу генерировать скомпилированный вывод, только когда у меня есть имя файла sr c как "style.s css" и ссылка в макете как "/ стиль. css ", а знаете, знаете, что и как" префикс "в середине работы ?? Если кто знает, буду признателен.
Также при использовании «просмотра исходного кода страницы» и щелчка по пути «/style.css» я не могу увидеть код anysource и мне интересно, как он работает, это может быть связано с использованием этой строки:
app.use("/public", express.static(path.join(__dirname, "public")));
Это должно работать так?