Публикации по теме 'node-sass'
Фреймворк CSS с SASS + GULP
В этой статье я расскажу вам, как создать простую структуру CSS с помощью SASS и Gulp.
Создать новый проект
Обязательным условием является наличие в вашей системе запущенных узлов и npm. Инициализируйте новый модуль npm, установите gulp и gulp-sass в качестве зависимостей для разработчиков.
Настроить глоток
Создайте файл с именем ` gulpfile.js ` в корневом каталоге и вставьте следующие строки:
В gulp каждая команда является задачей. Задача может не содержать или..
Расширенный CSS и Sass - Рабочий процесс Sass
Примечания к Курсу Удеми Йонаса Шмедтмана
Использование npm для Sass
Мы устанавливаем node.js, если еще этого не сделали. Чтобы начать использовать npm, мы должны перейти в папку нашего проекта с помощью нашей командной строки / терминала и выполнить npm init . Утилита проведет нас через создание файла package.json, который в итоге будет выглядеть примерно так:
Затем мы устанавливаем компилятор Sass с помощью этой команды: npm install node-sass --save-dev . Часть..
Как стилизовать компоненты React
React стал одной, если не самой популярной библиотекой пользовательского интерфейса в сообществе разработчиков. Он был развернут Facebook как проект с открытым исходным кодом в 2013 году. Инженеры Facebook упростили начало использования React, предоставив разработчикам уникальный инструмент под названием create-react-app . Этот инструмент дает вам преимущество в использовании реакции, он обходит процесс установки и настройки и запускает базовое приложение реакции.
Чтобы использовать..
Проблема с просмотром SCSS
Проблема с просмотром SCSS
Есть язык SASS (SCSS), который великолепен. Есть node-sass , это круто. У него очень приятный функционал — --watch ( -w ):
node-sass -w input.scss -o build/
Он начинает отслеживать любые изменения в input.scss и перекомпилировать их в build/input.css . Это очень полезно в развитии.
Проблема
Так вот проблема: что, если я хочу сделать какие-то дополнительные действия после каждой перекомпиляции? Например. Я хочу применить Автопрефиксер..
Решение проблемы с ошибкой node-sass binding.node
Люди, которые работают в компаниях с очень строгой политикой загрузки, вероятно, сталкивались с такими проблемами, особенно с модулями узлов.
Angular-cli , который является одним из самых популярных инструментов для создания приложений angular, зависит от node-sass . Поэтому, если вы создадите новое приложение и попробуете команду npm install , node-sass попытается загрузить файл binding.node . В моем случае брандмауэр компании блокировал конкретную загрузку, и я получал сообщение..
Вопросы по теме 'node-sass'
Какой алгоритм использует Sass для разрешения оператора @import?
Алгоритм, который Node.js использует для разрешения вызова require() , очень четко задокументирован в псевдокоде .
Мне нужно то же самое для оператора Sass @import .
Я знаю, что @import 'foo' будет пробовать различные комбинации базовых...
985 просмотров
schedule
21.05.2023
Преобразование строки Sass (не SCSS) в строку CSS
Мне нужно скомпилировать строки SASS и SCSS в строки CSS для проекта. Поэтому я использую пакет узлов node-sass. Преобразование SCSS работает нормально, а SASS — нет.
Пример кода для SASS:
'use strict';
var sass =...
2522 просмотров
schedule
16.09.2022
Ошибка при запуске Ionic serve в Ionic 2
Когда я запускал ionic serve в командной строке node.js или в Power Shell GitHub, я сталкивался с этой ошибкой.
There is an error in your gulpfile:
Error: `libsass` bindings not found. Try reinstalling `node-sass`?
at getBinding...
5380 просмотров
schedule
16.03.2023
Laravel Elixir, ошибка при установке node-sass: не удалось установить туннельный сокет, причина = getaddrinfo ENOTFOUND ip ip:80
При попытке установить зависимости узла в проекте Laravel я получаю сообщение об ошибке
ошибка при установке node-sass: не удалось установить туннельный сокет, причина = getaddrinfo ENOTFOUND ip ip: 80
Я не пользуюсь прокси-сервером, и я...
404 просмотров
schedule
31.05.2022
node Поддержка Sass для среды текущей версии (Ionic)
в приложении ionic пытается запустить ionic emulate ios, но появляется следующая ошибка
ionic-hello-world@ ionic:build /Users/farrukhqamar/HybridApps/helloWorld сборка ionic-app-scripts
ключевые слова if/then/else требуют опции v5 ^...
2166 просмотров
schedule
21.12.2022
Отсутствует привязка Node Sass для нескольких версий узла
Я использую nvm для переключения между версиями узла.
Мой пакет.json:
"scripts": {
"dev": "rm -rf public/assets/*.hot-update.js && NODE_ENV=development webpack --env=dev --progress --profile --colors",
"prod":...
4036 просмотров
schedule
26.05.2022
Ошибка установки npm в node-sass
[email protected] install /home/user/Documents/project/node_modules/node-sass
> node scripts/install.js
WARN invalid config loglevel="notice"
Can not download file from...
32012 просмотров
schedule
19.05.2023
Node.js: Python не найден исключение из-за node-sass и node-gyp
Внезапно в одной из моих сборок среды jenkins начало сбоить, а на локальном компьютере, похоже, все работает нормально, так как у меня установлен python,
Из журналов я смог обнаружить, что проблема связана с внутренней зависимостью node-gyp v3.5.0...
193844 просмотров
schedule
15.10.2022
Angular 2 Ошибка Бурбона узла
ERROR in ./node_modules/css-loader?
{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-
loader/lib?{"ident":"postcss","sourceMap":false}!./node_modules/sass-
loader/lib/loader.js?{"sourceMap":false,"precision":8,"includePaths":...
932 просмотров
schedule
02.12.2022
Webpack-simple + vue-cli с SASS - не удается скомпилировать?
Я создал простой проект с vue-cli и webpack-simple, используя настройки интерфейса командной строки по умолчанию, и убедился, что в ответ на вопрос, хочу ли я использовать SASS, было выбрано «Y».
Во-первых, структура папок рис:
Я...
4565 просмотров
schedule
27.07.2022
Использование опции просмотра node-sass с grunt-sass
Как настроить grunt-sass, чтобы он также отслеживал изменения, используя базовую опцию наблюдения node-sass?
Я понимаю, что могу достичь той же функциональности с помощью grunt-contrib-watch, чтобы следить за изменениями и повторно запускать задачу...
1459 просмотров
schedule
25.04.2022
gulp-sass npm ОШИБКА! Ошибка сценария установки [email protected].
Я пытаюсь установить gulp-sass из окна терминала в коде Visual Studio.
другие зависимости, такие как autoprefixer, concat и т. д., устанавливаются без проблем, но gulp-sass продолжает выдавать мне эту ошибку.
> [email protected] install...
3479 просмотров
schedule
30.04.2023
sass-node-middleware не работает
Я использую sass с приложением node, для этого я установил эту зависимость «npm install node-sass-middleware». Отсутствие создания файла style.css означает невозможность компиляции файла style.scss. И я использую экспресс. Пожалуйста помоги
Код...
627 просмотров
schedule
18.07.2022
SASS\SCSS rgba mixin не распознает цвет
Итак, у меня есть функция coobo-color, которая получает цвета с карты. Когда я использую цвета сразу после функции, все работает нормально: например: background-color("blue", 400); . Но когда я использую его внутри микширования rgba, он ломается....
363 просмотров
schedule
02.05.2023
Отредактируйте sass, прежде чем node-sass скомпилирует его в css
Я искал некоторое время, но еще не нашел решения, я использую node-sass, и мне нужно отредактировать scss перед его компиляцией (точнее, переменные), к сожалению, как только вы выполните функцию рендеринга, это компилируется непосредственно в css,...
382 просмотров
schedule
06.05.2023
Ошибка развертывания node-sass реагирует на эластичный beanstalk
Я пытаюсь развернуть приложение responsejs в экземпляре эластичного beanstalk и, похоже, сталкиваюсь с несколькими проблемами.
1) Я получаю эту ошибку в разделе работоспособности для эластичного бобового стебля:...
1490 просмотров
schedule
26.07.2022
autoprefixer ломается при попытке разобрать исходную карту node-sass
Вот моя структура каталогов:
_build/
|- postcss.config.js
_src/
|- sass/
|-main.scss
css/
|-main.css
|-main.css.map
package.json
Я пытаюсь переписать свой рабочий процесс, используя сценарии NPM. Я хочу:
преобразовать все...
570 просмотров
schedule
04.05.2023
Размер node-sass после обновления до Node 11.1 с помощью инструментов сборки в Windows
изначально я использовал Node v10 (я полагаю), и при создании нового углового проекта (v7) мои node_modules были «скромными» ~ 140 МБ.
Затем я решил перейти на Node v11.1 и установить инструменты сборки, которые установщик теперь позволяет вам...
400 просмотров
schedule
01.04.2023
Gulp 4 компиляция scss создает пустой файл css, но sass компилируется правильно
Я установил [email protected], [email protected] и последнюю версию gulp-cli в Windows
Когда я устанавливаю путь для src () для поиска 'assets/css/src/**/*.sass' файлов для создания потока, он правильно компилирует sass в css.
Но когда я пытаюсь...
667 просмотров
schedule
06.01.2023
Уязвимость зависимостей node-sass от fstream и tar
Это моя зависимость node-gyp в package-lock.json.
"node-gyp": {
"version": "3.8.0",
"resolved": "http://nexus.prod-admin11.vip.aws1/nexus/content/groups/npm-edmunds/node-gyp/-/node-gyp-3.8.0.tgz",
"integrity":...
72 просмотров
schedule
05.03.2023