O Google possui duas ferramentas para compilar/minificar
otimizando os arquivos JS
e CSS
, Closure Compiler JS
e Closure Compiler CSS.
Para executar o processo de compilação eu posso fazer da seguinte forma:
java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
Atualmente uso um arquivo .bat
com 40 linhas que foram criadas manualmente para minificar
os arquivos, e como o sistema cresce e surgem novos arquivos as vezes me esqueço de incluir novos arquivos nesse bat, então pensei em fazer um processo para criação destes caminhos.
A primeira coisa que eu fiz foi percorrer todo o diretório onde fica o JS
e salvar os arquivos em um array:
function dirToArray($dir) { $result = array(); $cdir = scandir($dir); $raiz = ''; foreach ($cdir as $key => $value) { if (!in_array($value, array(".", ".."))) { if (is_dir($dir . DIRECTORY_SEPARATOR . $value) && ($value !== "lib")) { $result[$value] = dirToArray($dir . DIRECTORY_SEPARATOR . $value); $raiz = $value; } elseif (strrchr($value, '.') === ".js") { $result[] = $value; } } } return $result; } $dir = '../../controller/js'; $files = dirToArray($dir);
Desta forma me retornam um array:
array 0 => string 'agenda.js' (length=9) 1 => string 'agendaNegoc.js' (length=14) 2 => string 'atribCobrador.js' (length=16) 3 => string 'atualizaSistema.js' (length=18) 'cadastro' => array 0 => string 'agencia.js' (length=10) 1 => string 'avisos.js' (length=9) 2 => string 'bancoEmpresa.js' (length=15) 3 => string 'cidade.js' (length=9) 4 => string 'cliente.js' (length=10) 5 => string 'cobradores.js' (length=13) 6 => string 'codEventos.js' (length=13) 7 => string 'remessa.js' (length=10) 4 => string 'comercial.js' (length=15) 5 => string 'controleCobranca.js' (length=22) 6 => string 'classCliente.js' (length=15) 7 => string 'cliente.js' (length=10) 8 => string 'codigosEventos.js' (length=17) 9 => string 'consultaWebservice.js' (length=27) 10 => string 'coresSistema.js' (length=15) 11 => string 'dadosCliente.js' (length=15) 12 => string 'detalhesOperacao.js' (length=19) 13 => string 'emissaoboleto.js' (length=16) 14 => string 'enviarEmail.js' (length=14) 15 => string 'exportador.js' (length=13) 16 => string 'fases.js' (length=14) 17 => string 'filtroNivelUsuario.js' (length=21) 18 => string 'funcoes.js' (length=10) 'importador' => array 0 => string 'importadorAS1.js' (length=18) 20 => string 'importador.js' (length=13) 21 => string 'importador_exportador.js' (length=24) 22 => string 'inserirAgendamento.js' (length=21) 23 => string 'inserirEventos.js' (length=17) 24 => string 'listaUsuarios.js' (length=16) 25 => string 'login.js' (length=8) 26 => string 'mensagemInterna.js' (length=24) 27 => string 'menu.js' (length=7) 28 => string 'motivosPausa.js' (length=15) 'negociacao' => array 0 => string 'cobrancaA.js' (length=19) 1 => string 'cobrancaB.js' (length=22) 2 => string 'cobrancaB2.js' (length=28) 3 => string 'cobrancaC3.js' (length=25) 4 => string 'cobrancaM.js' (length=18) 5 => string 'codEvento.js' (length=12) 6 => string 'propostaAnexos.js' (length=22) 29 => string 'notificador.js' (length=14) 30 => string 'origemdb.js' (length=11) 31 => string 'permissoes.js' (length=13) 32 => string 'pesquisaCliente.js' (length=18) 'portal' => array 0 => string 'negociacao.js' (length=13) 33 => string 'referenciasPessoais.js' (length=22) 'relatorio' => array 0 => string 'filtroDemonstrativo.js' (length=28) 1 => string 'filtroRelBol.js' (length=18) 2 => string 'filtroRelEventos.js' (length=19) 3 => string 'filtroRelPrestContas.js' (length=23) 4 => string 'relDemonsDebito.js' (length=18) 5 => string 'relEventos.js' (length=13) 34 => string 'supervisorLista.js' (length=18) 35 => string 'usuarioBanco.js' (length=15)
Então eu criei uma função para gerar o caminho completo:
function geraPatch($files, $param, $devPatch, $prodPatch) { $result = array(); foreach ($files['cadastro'] as $key => $value) { $result['cadastro'][$key] = $param . $devPatch . 'cadastro/' . $value . $prodPatch . 'cadastro/' . $value; } foreach ($files['importador'] as $key => $value) { $result['importador'][$key] = $param . $devPatch . 'importador/' . $value . $prodPatch . 'importador/' . $value; } foreach ($files['negociacao'] as $key => $value) { $result['negociacao'][$key] = $param . $devPatch . 'negociacao/' . $value . $prodPatch . 'negociacao/' . $value; } foreach ($files['portal'] as $key => $value) { $result['portal'][$key] = $param . $devPatch . 'portal/' . $value . $prodPatch . 'portal/' . $value; } foreach ($files['relatorio'] as $key => $value) { $result['relatorio'][$key] = $param . $devPatch . 'relatorio/' . $value . $prodPatch . 'relatorio/' . $value; } return $result; } $dir = '../../controller/js'; $files = dirToArray($dir); $param = 'java -jar compiler.jar --js '; $devPatch = 'desenvolvimento/'; $prodPatch = ' --js_output_file producao/'; var_dump(geraPatch($files, $param, $devPatch, $prodPatch));
E o resultado sai conforme esperado
0 => string 'java -jar compiler.jar --js desenvolvimento/cadastro/agencia.js --js_output_file producao/cadastro/agencia.js' (length=109) 1 => string 'java -jar compiler.jar --js desenvolvimento/cadastro/avisos.js --js_output_file producao/cadastro/avisos.js' (length=107) 2 => string 'java -jar compiler.jar --js desenvolvimento/cadastro/bancoEmpresa.js --js_output_file producao/cadastro/bancoEmpresa.js' (length=119) 3 => string 'java -jar compiler.jar --js desenvolvimento/cadastro/cidade.js --js_output_file producao/cadastro/cidade.js' (length=107) 4 => string 'java -jar compiler.jar --js desenvolvimento/cadastro/cliente.js --js_output_file producao/cadastro/cliente.js' (length=109)
Quais são as minhas dúvidas?
1° para fazer um foreach
da raiz sem sair os subArrays
e como ? se eu fizer um foreach
o resultado sai assim:
java -jar compiler.jar --js desenvolvimento/Array --js_output_file producao/Array
2° Como posso pegar todo esse array configurado e criar um arquivo no php .bat
e salvar todo esse texto para executa-lo ?
3° Existe alguma ferramenta que simplifique todo esse processo, minha necessidade é justamente poder selecionar um diretório que contem os arquivos nos quais eu quero minificar.