☰

縮小ツールを使用してコマンドラインでJavascriptとCSSを縮小する方法は？

tag-icon • tag-icon shell javascript
縮小ツールを使用してコマンドラインでJavascriptとCSSを縮小する方法は？

私はUnixに精通しておらず、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/acss/フォルダにあるとします。

#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ファイルとcssjs/ファイルが縮小されます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

源泉：

関連情報