Como instalar o node-sass / gulp-sass no Ubuntu 14.04+ ou Linux Mint 17+?

Question

Estou tentando mudar de gulp-ruby-sass para node-sass , que é baseada na implementação libsass a C mais rápida do que a versão clássica do Ruby.

Até agora eu instalei os pacotes do nó:

Pacote de nós

cd /path/to/project
npm install --save-dev node-sass gulp-sass

Gulpfile

Eu substitui o requisito da seguinte forma:

 

//sass = require('gulp-ruby-sass'),
sass = require('gulp-sass'),

Libsass

Depois fui comprar um pacote libsass , mas nenhum está disponível atualmente .

Então, pergunto-me se alguém como um script bash para criá-lo como instruções atuais não é claro ?

    

Answer 1

Eu documentei minha pesquisa como um roteiro bash como uma essência baseado no documento oficial

Compilando e instalando libsass e sassc

Instalar dependências

apt-get install automake libtool 

Buscar fontes

git clone https://github.com/sass/libsass.git
git clone https://github.com/sass/sassc.git libsass/sassc

Criar script de configuração

cd libsass
autoreconf --force --install
cd ..

Crie makefiles personalizados para a biblioteca compartilhada

Para mais informações, leia: Diferença entre bibliotecas estáticas e compartilhadas? antes de instalar libsass .

cd libsass
autoreconf --force --install
./configure \
  --disable-tests \
  --enable-shared \
  --prefix=/usr 
cd ..

Construa a biblioteca

make -C libsass -j5

Instalar a biblioteca

sudo make -C libsass -j5 install

Teste

Apenas node-sass

time node-sass /path/to/main.scss 

Sucesso com

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 com 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 com 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

Conclusão

Meus testes não são benchmark e têm pouco valor, mas node-sass parece ser 3-5x mais rápido do que ruby-sass .

    

Answer 2

O acima não está funcionando mais com as versões atuais.

Acabei com o seguinte:

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

Com base no link