4

Boa tarde pessoal, estou desenvolvendo uma pagina e gostaria de ofuscar o CSS e Javascript(AngularJS), fiz uma rápida pesquisa na internet e vi algumas ferramenta pagas, e algumas ferramentas Free faziam o ofuscamento de forma muito básica sendo possível manualmente voltar as propriedades originais para leitura e também muito limitada como deixando ofuscar 10 arquivos por vez etc.

Existe alguma forma simples, gratuita e eficaz?

2
  • 1
    Cara meu código é naturalmente ofuscado, isso é um risco, nem mesmo eu entendo...lol
    – MagicHat
    Commented 22/09/2016 às 15:04
  • Não vejo necessidade para ofuscamento de código, mas se você tiver um conhecimento básico com node, existem alguns "compiladores" que facilitam bastante :D Commented 22/09/2016 às 15:48

1 Resposta 1

6

Para JS as duas ferramentas que eu usei diretamente são: UglifyJS e Google Closure Compiler.

Ambas vão além de uma simples substituição nos nomes das variáveis. Elas analisam o código e podem produzir uma versão do seu código ainda menor ao detectar funções ou blocos mortos (inatingíveis.)

Hoje em dia, na maioria dos casos pra mim, eu não mais uso essas ferramentas diretamente. Elas terminam sendo invocadas como parte de um pipeline. Tipo, eu escrevo meu código em ES6, daí algo assim: *.js (ES6)WebpackBabel*.js (ES5)Uglifycombinação (bundling)browser.

Já para CSS, fica difícil ofuscar porque os nomes das classes precisam ser os mesmos utilizados no seu HTML e JS. Mesmo assim dá para comprimir um bocado. No passado utilizei o YUI Compressor mas hoje também já deixo isso tudo por conta de um pipeline. Eu escrevo meus stylesheets em LESS e segue-se: *.lessWebpacklessc*.cssminificaçãocombinação (bundling)browser.

Alguns dos ítens acima são mais difíceis de utilizar com Angular 1, especialmente Webpack. Mas você pode excluí-los ou buscar alternativas.

3
  • Obrigado Sérgio, utilizei o UglifyJS2 e realizou o processo conforme minha expectativa, alem da biblioteca unificar todos arquivos JS e realizar toda minificação e ofuscação, já o css vou fazer apenas a minificação.
    – ErickV
    Commented 23/09/2016 às 1:32
  • Criei um modelo com um .BAT no windows e talvez seja util para a comunidade, uglifyjs ENTRADA1.js ENTRADA2.js -o SAIDA-UNICA.min.js -p 5 -c -m
    – ErickV
    Commented 23/09/2016 às 1:34
  • @ErickV se você acha que minha resposta resolveu seu problema, agradeceria marcá-la como resposta aceita ;) Commented 26/09/2016 às 14:24

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .