Как установить node-sass/gulp-sass на Ubuntu 14.04+ или Linux Mint 17+?
Я пытаюсь переключиться с gulp-ruby-sass
в node-sass
который основан на libsass
реализация C быстрее, чем классическая версия Ruby.
Пока что я установил пакеты узлов:
Пакет узлов
cd /path/to/project
npm install --save-dev node-sass gulp-sass
Gulpfile
Я заменил требование следующим образом:
//sass = require('gulp-ruby-sass'),
sass = require('gulp-sass'),
Libsass
Затем я пошел в поисках libsass
пакет, но ни один не доступен в настоящее время.
Поэтому мне интересно, если кто-нибудь, как bash-скрипт, чтобы построить его, как текущие инструкции неясно?
2 ответа
Я задокументировал свое исследование как bash-скрипт в виде гистограммы на основе официального документа
Компиляция и установка libsass
а также sassc
Установить зависимости
apt-get install automake libtool
Получить источники
git clone https://github.com/sass/libsass.git
git clone https://github.com/sass/sassc.git libsass/sassc
Создать скрипт настройки
cd libsass
autoreconf --force --install
cd ..
Создание пользовательских make-файлов для общей библиотеки
Для получения дополнительной информации читайте: Разница между статическими и общими библиотеками? перед установкой libsass
,
cd libsass
autoreconf --force --install
./configure \
--disable-tests \
--enable-shared \
--prefix=/usr
cd ..
Постройте библиотеку
make -C libsass -j5
Установить библиотеку
sudo make -C libsass -j5 install
тестирование
Только node-sass
time node-sass /path/to/main.scss
Добиться успеха с
Rendering Complete, saving .css file...
Wrote CSS to /mnt/data/projects/EVRPA/evrpa/web/main.css
node-sass ../web/styles/main.scss 0.42s user 0.03s system 95% cpu 0.471 total
Gulp
с ruby-sass
[17:48:21] Using gulpfile /mnt/data/projects/EVRPA/evrpa/web/gulpfile.js
[17:48:21] Starting 'css'...
[17:48:21] gulp-ruby-sass: directory
[17:48:23] gulp-ruby-sass: overwrite main.css
[17:48:24] Finished 'css' after 2.9 s
gulp css 4.60s user 0.35s system 46% cpu 10.605 total
Gulp
с node-sass
time gulp css
[17:47:59] Using gulpfile /mnt/data/projects/EVRPA/evrpa/web/gulpfile.js
[17:47:59] Starting 'css'...
[17:48:00] Finished 'css' after 1.1 s
gulp css 2.99s user 0.20s system 100% cpu 3.164 total
Заключение
Мои тесты не являются эталоном и имеют небольшую ценность, но node-sass
кажется в 3-5 раз быстрее, чем ruby-sass
,
Выше не работает с текущими версиями.
Я закончил со следующим:
git clone https://github.com/sass/libsass.git ~/libsass
echo "export SASS_LIBSASS_PATH=~/libsass" >> ~/.bashrc
source ~/.bashrc
git clone https://github.com/sass/sassc.git ~/sassc
cd ~/sassc
make
echo "export PATH=$PATH:~/sassc/bin/" >> ~/.bashrc
source ~/.bashrc
sassc -v
Основано на https://github.com/sass/sassc/blob/master/docs/building/unix-instructions.md