☰

축소 도구를 사용하여 명령줄에서 Javascript 및 CSS를 축소하는 방법은 무엇입니까?

tag-icon • tag-icon shell javascript
축소 도구를 사용하여 명령줄에서 Javascript 및 CSS를 축소하는 방법은 무엇입니까?

저는 유닉스에 능숙하지 않고 Java도 모르기 때문에 YUI Compressor는 적용되지 않지만 이것만은 알고 있습니다.축소 도구, 특정 URI에서 JS/CSS 파일의 축소된 버전을 가져옵니다./min/?f=/path/to/file.js.css

이 방법을 사용하여 public_html 폴더의 모든 js/css 파일을 축소하고 모든 js/css 파일을 축소된 버전으로 바꾸는 데 사용할 수 있는 unix 명령은 무엇입니까?

답변1

검색하고 구현한 후 여기에서 bash 파일을 통해 답변을 제공합니다.

나는 npm 패키지를 사용한다uglifyjs그리고uglifycssJS 및 CSS 파일을 각각 압축하는 데 사용됩니다. 나는 명령을 사용하여 find이러한 파일을 반복합니다. js 및 css 파일이 각각 a js/및 a css/폴더에 있다고 가정합니다.

#minification of JS files
find js/ -type f \
    -name "*.js" ! -name "*.min.*" ! -name "vfs_fonts*" \
    -exec echo {} \; \
    -exec uglifyjs -o {}.min {} \;

#minification of CSS files
find css/ -type f \
    -name "*.css" ! -name "*.min.*" \
    -exec echo {} \; \
    -exec uglifycss --output {}.min {} \;

그러면 해당 디렉토리의 모든 js 및 css js/파일이 축소됩니다 css/. 폴더 내의 일부 특정 폴더나 패턴을 제외하려면 이 옵션을 사용하세요.! -name

축소된 파일을 원본 파일로 바꾸려는 경우(예: 원본 파일 삭제):

#minification of JS files
find js/ -type f \
    -name "*.js" ! -name "*.min.*" ! -name "vfs_fonts*" \
    -exec echo {} \; \
    -exec uglifyjs -o {}.min {} \; \
    -exec rm {} \; \
    -exec mv {}.min {} \;

#minification of CSS files
find css/ -type f \
    -name "*.css" ! -name "*.min.*" \
    -exec echo {} \; \
    -exec uglifycss --output {}.min {} \; \
    -exec rm {} \; \
    -exec mv {}.min {} \;

답변2

sudo apt-get install yui-compressor
yui-compressor finename.css > filename.min.css

원천:

관련 정보