Jak wykonać rekursywnie JS-Beautify?

Question

Mam wiele plików html w katalogu i podkatalogach. Mogę wykonać komendę js-beautify za pomocą wiersza poleceń i chcę zastosować ją rekursywnie do wszystkich tych plików.

Próbowałem find . -name "*.html" -type f | js-beautify -r i js-beautify -r | find . -name "*.html" -type f, ale to nie działa. Jednak JS-Beautify działa jeśli dam coś podobnego js-beautify -r myfile.html lub js-beautify -r *.html (w przypadku wszystkich plików w katalogu ale nie w podkatalogu)

Może ktoś powiedzieć jak mam być potokiem te dwa polecenia?

Answer 1

Jednak JS-Beautify działa ... w przypadku wszystkich plików w katalogu, ale nie w podkatalogu

Wspominałeś, że JS-upiększania dzieła, jeśli wszystkie wejścia pliki znajdują się w tym samym katalogu. Twoje polecenie prawdopodobnie nie działa, ponieważ przekazujesz wszystkie wyniki z find, które mogą zawierać pliki wejściowe z różnych katalogów.

Jak wspomniano w komentarzu wcześniej, można użyć -exec zamiast:

find . -type f -name "*.html" -exec js-beautify -r {} \; 

Answer 2

find + xargs jest drogą do zrobienia. Jest szybszy niż znaleźć przy pomocy -exec.

find . -name '*.html' | xargs js-beautify 

Jeśli z jakiegoś powodu masz spacji w nazwach plików, będziemy chcieli, aby zrobić to w ten sposób ...

find . -name '*.html' -print0 | xargs -0 js-beautify 

Wreszcie, jeśli z jakiegoś dziwnego powodu, JS-upiększać nie będzie działać z wieloma argumentami, wtedy musisz powiedzieć xargs, aby przekazywał tylko jeden argument na raz. Nie różni się to zbytnio od opcji -exec, ale jest to lepsze IMO, ponieważ jest po prostu bardziej spójne.

find . -name '*.html' | xargs -n 1 js-beautify 

Uwaga, można połączyć opcje -print0 i xargs -0 z xargs -n 1.

edytuj: Jak wskazał T.J. Crowder, powłoka nie będzie zawierała symboli wieloznacznych w podwójnych cudzysłowach. To była dla mnie nowość, być może istnieje jakieś starożytne środowisko, w którym to nie jest prawdą i mam nadzieję, że nigdy nie będziesz zmuszony do pracy w nim.

Answer 3

jakie napotkasz podobny problem i znalazł proste rozwiązanie wieloplatformowe korzystając glob-run:

npm i -g glob-run js-beautify 
glob-run html-beautify -r **/*.html 

Byłoby miło, gdyby js-upiększyć supported globs itself.

Answer 4

1) Dodaj te zależności do projektu

npm install --save-dev glob js-beautify 

2) Utwórz scripts/format.js

const jsBeautify = require('js-beautify')['js_beautify']; 
const fs = require('fs'); 
const glob = require('glob'); 

const options = { 
    indent_size: 2, 
    indent_char: ' ', 
    indent_with_tabs: false, 
    eol: '\n', 
    end_with_newline: true, 
    indent_level: 0, 
    preserve_newlines: true, 
    max_preserve_newlines: 10, 
    space_in_paren: false, 
    space_in_empty_paren: false, 
    jslint_happy: false, 
    space_after_anon_function: false, 
    brace_style: 'collapse', 
    break_chained_methods: false, 
    keep_array_indentation: false, 
    unescape_strings: false, 
    wrap_line_length: 0, 
    e4x: false, 
    comma_first: false, 
    operator_position: 'before-newline' 
}; 

glob('**/!(node_modules)/**/*.js', { absolute: true }, (er, files) => { 
    files.forEach(file => { 
    console.log(`js-beautify ${file}`); 
    const data = fs.readFileSync(file, 'utf8'); 
    const nextData = jsBeautify(data, options); 
    fs.writeFileSync(file, nextData, 'utf8'); 
    }); 
}); 

3) Dodaj format skrypt package.json

"scripts": { 
    "format": "node ./scripts/format.js" 
} 

4) w projekcie , uruchom

npm run format