Um módulo para compilar SASS on-the-fly e/ou salvá-lo em arquivos CSS usando node-sass
O objetivo deste projeto é duplo:
- Proporcionar uma biblioteca que possa compilar arquivos SASS na carga da página quando usando
NODE_ENV=development
para reduzir o tempo de desenvolvimento (on-the-fly) - Ativar a compilação e salvamento de arquivos SASS em arquivos CSS em todos os outros ambientes quando, por exemplo, a aplicação inicia ou com um script npm
- Índice
- Requisitos
- Instalação
- Exemplo de Utilização
- Uso
- Para compilação em tempo real
- TypeScript
- CommonJS
- Com opções
- TypeScript
- CommonJS
- Opções
- Para compilar e salvar como arquivos CSS estáticos
- API
- compileSass()
- compileSassAndSave()
- compileSassAndSaveMultiple()
- setupCleanupOnExit()
- Release Notes
- 1.1.1
- 1.1.0
- 1.1.0.5
- 1.0.4
- 1.0.3
- 1.0.2
- 1.0.1
- 1.0.0
Índice
- Requisitos
- Instalar
- Exemplo Utilização
- Utilização
- API
- Largar Notas
- Mantenedor
Requisitos
Este módulo é testado com Nó.js >= 10. Pode funcionar com Node.js <= 9, mas não foi testado.
Instalação
npm install --save compile-sass
Exemplo de Utilização
Seguem-se alguns exemplos de como pode utilizá-lo numa aplicação da vida real:
- Configuração: Node.js / TypeScript
- Configuração: Node.js / TypeScript
- Integração na aplicação: Node.js / TypeScript
Uso
Para compilação em tempo real
TypeScript
import compileSass from 'compile-sass';app.use('/css/:cssName', compileSass());
CommonJS
Preste atenção ao compileSass.setup
que difere da variação de TypeScript!
const compileSass = require('compile-sass');app.use('/css/:cssName', compileSass.setup());
Com opções
TypeScript
CommonJS
Passar atenção ao compileSass.setup
que difere da variação de TypeScript!
Opções
Para compilar e salvar como arquivos CSS estáticos
API
compileSass()
Retorna o SASS compilado como uma string.
compileSassAndSave()
Compila o ficheiro SASS dado e guarda-o no directório dado.
compileSassAndSaveMultiple()
Compila múltiplos ficheiros SASS definidos na opção “files”. Todos eles devem estar localizados no diretório definido na opção “sassPath”. Os arquivos CSS serão salvos no diretório definido na opção “cssPath”.
setupCleanupOnExit()
Delete o diretório passado quando a aplicação for encerrada. A idéia é passar o diretório onde estão seus arquivos CSS compilados, para que eles possam ser apagados quando o aplicativo for encerrado e recompilados quando o aplicativo for iniciado.
Release Notes
1.1.1
- Security updates
1.1.0
- Adicionar um recurso para resolver caminhos passados para
@import
que começam com~
- Atualizações de segurança
- Fixar um bug em que as opções de acenos de cabeça passados durante a configuração nem sempre foram usadas
1.1.0.5
- Fixar uma vulnerabilidade de segurança crítica
1.0.4
- Atualizações de segurança
- Atualizar o aceno de cabeça
- Atualizar o hoek 5 para @hapi/hoek 9
1.0.3
>
- Fixar o nódulo 1.0.2 quebrado
1.0.2
- Atualizações de segurança
- Atualizar o nódulo 1.0.2 quebrado
1.0.1
- Optimizar o que está incluído quando o pacote é publicado (não há mais arquivos de teste!)
- Fixar alguns links quebrados no Readme
- Incluir LICENÇA
1.0.0
- Reescrever completamente com TypeScript
- Incluir digitação para TypeScript
- Incluir testes automáticos para melhor estabilidade
Deixe uma resposta