- Migra CSS para SCSS com variáveis Bootstrap - Adiciona script de build para compilação SCSS - Implementa tipos TypeScript para mensagens - Atualiza componente popup para React - Refatora background script com tipagem forte Refs #ISSUE-123
36 lines
1022 B
JavaScript
36 lines
1022 B
JavaScript
import sass from 'sass';
|
|
import { writeFileSync, mkdirSync } from 'fs';
|
|
import { resolve, dirname } from 'path';
|
|
import { fileURLToPath } from 'url';
|
|
|
|
const __dirname = dirname(fileURLToPath(import.meta.url));
|
|
|
|
// Compilar SCSS para CSS
|
|
function compileSass(inputFile, outputFile) {
|
|
try {
|
|
const result = sass.compile(inputFile, {
|
|
style: 'compressed',
|
|
loadPaths: [resolve(__dirname, '../src/styles')]
|
|
});
|
|
|
|
// Criar diretório de saída se não existir
|
|
mkdirSync(dirname(outputFile), { recursive: true });
|
|
|
|
// Escrever arquivo CSS
|
|
writeFileSync(outputFile, result.css);
|
|
console.log(`SCSS compilado: ${inputFile} -> ${outputFile}`);
|
|
} catch (error) {
|
|
console.error(`Erro ao compilar SCSS ${inputFile}:`, error);
|
|
}
|
|
}
|
|
|
|
// Compilar arquivos
|
|
compileSass(
|
|
resolve(__dirname, '../src/styles/content.scss'),
|
|
resolve(__dirname, '../dist/styles/content.css')
|
|
);
|
|
|
|
compileSass(
|
|
resolve(__dirname, '../src/styles/custom.scss'),
|
|
resolve(__dirname, '../dist/styles/custom.css')
|
|
);
|