Sass-node-middleware не работает
Я использую sass с приложением node, для этого я установил эту зависимость «npm install node-sass-middleware». Отсутствие создания файла style.css означает невозможность компиляции файла style.scss. И я использую экспресс. Пожалуйста помоги
Код в моем app.js
app.use(sassMiddleware({
src: path.join(__dirname, 'public/scss'),
dest: path.join(__dirname, 'public/css'),
debug: true,
indentedSyntax: true,
outputStyle: 'compressed'
}));
// Static folder
app.use(express.static(path.join(__dirname, 'public')));
заранее спасибо
app.js
var express = require('express');
var sass = require('node-sass');
var sassMiddleware = require('node-sass-middleware');
var path = require('path');
const app = express();
app.set('view engine', 'ejs');
app.use(sassMiddleware({
src: path.join(__dirname, 'public/scss'),
dest: path.join(__dirname, 'public/css'),
debug: true,
indentedSyntax: false,
outputStyle: 'compressed',
prefix: '/css'
}));
// Static folder
app.use(express.static(path.join(__dirname, 'public')));
app.get('/', (req,res)=>{
res.render('index');
});
app.get('/download', function (req, res, next) {
var filePath = "public/files/Bijitashya (2).doc"; // Or format the path using the `id` rest param
var fileName = "Bijitashya (2).doc"; // The default name the browser will use
res.download(filePath, fileName);
});
const port = process.env.PORT || 5000;
app.listen(port, () =>{
console.info(`Server started on port ${port}`);
});
package.json
{
"name": "portfolio",
"version": "1.0.0",
"description": "My Portfolio",
"main": "app.js",
"scripts": {
"start": "node app.js"
},
"author": "Bijitashya",
"license": "ISC",
"dependencies": {
"bootstrap": "4.0.0",
"ejs": "^2.5.7",
"express": "^4.16.3",
"font-awesome": "^4.7.0",
"jquery": "^3.3.1",
"node-sass": "^4.9.0",
"node-sass-middleware": "^0.11.0",
"popper.js": "^1.12.9"
}
}
Ответы 1
Исходя из имени вашего каталога, у вас есть файлы .scss, которые вам нужно скомпилировать. С опцией indentedSyntax: true промежуточное ПО будет пытаться найти файлы .sass вместо файлов .scss. Поэтому, если у вас нет файлов .sass, это не будут какие-либо выходные или скомпилированные файлы.
Вам просто нужно установить опцию false или просто удалить опцию, так как false является для него значением по умолчанию.
Пробовал, но все еще не компилируется.
Вы хотите, чтобы я поделился своей структурой грязи и всем файлом app.js?
@BijitashyaBirinchi, это было бы здорово! И, пожалуйста, package.json!
@BijitashyaBirinchi спасибо за информацию. Я предполагаю, что вы перезапустили сервер после изменений. Выводит ли промежуточное ПО какой-либо журнал? Вы тестировали принудительную компиляцию (опция: force: true)? И простой вопрос, scss компилируется без ошибок?
После изменений сервер перезагружен. нет выходов от промежуточного программного обеспечения. option: force: true - не используется. Нужно использовать внутреннее промежуточное ПО? Я не думаю, что он даже компилирует, что ничего не видно на консоли, и файл css не создается
Я, нет вывода на консоль, только сообщение о запуске сервера. Думаю, я ответил на все
@BijitashyaBirinchi, вы пробовали скомпилировать файл scss с помощью node-sass или онлайн с помощью sassmeister.com?
пробовал только сейчас, я его компилировал успешно. Вам нужен файл scss?
@BijitashyaBirinchi Если он компилируется, в этом нет смысла. Тогда я не понимаю. Похоже, что промежуточное изделие вообще не является «промежуточным звеном». Никогда не казнили. :(
@BijitashyaBirinchi пробовали ли вы установить такие каталоги, как: path.join(__dirname, '/public/scss') с начальным слэшем перед public?
@BijitashyaBirinchi Как вы ссылаетесь на css из html?
<link rel = "stylesheet" href = "/ css / style.css">. устал от <link rel = "stylesheet" href = "css / style.css"> тоже
@BijitashyaBirinchi, попробуйте /style.css
в любом случае это не сработает, поскольку он не создает style.css в папке назначения
@BijitashyaBirinchi что не подействует? Ссылка на /style.css? Вы можете это проверить?
да, потому что нет файла style.css, который должен был быть создан промежуточным программным обеспечением. Я вручную создал его и поместил на указанный путь, и это сработало.
@BijitashyaBirinchi, хорошо связанная с /style.css, должна выполнять промежуточное программное обеспечение для компиляции файла scss; создавать его вручную не нужно.
да, чувак, вот что спрашивал, почему промежуточное ПО не работает. Поскольку он не работал, я просто проверил его вручную.
@BijitashyaBirinchi: Хорошо, я сказал вам проверить все это, потому что я запустил сервер локально, и он сработал.
Также проверил другие вопросы по этому поводу, попробовал те, которые все еще не работают