Как установить 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

Другие вопросы по тегам