web-dev-qa-db-ja.com

PHPで簡単にJSを縮小する方法...または何か他のもの

私は周りを見回したことがありますが、それでも少し混乱しています。

CrockfordのJSMinを試しましたが、Win XPが何らかの理由で実行可能ファイルを解凍できません。

私が本当に欲しいのは、PHPを使用してJSコードを縮小し、結果を返す、シンプルで使いやすいJS縮小機能です。

理由は次のとおりです。たとえば、2つのファイル(scripts.jsとscripts_template.jsの間で作業している)があります。

scripts_templateは、私が書き出す通常のコードです-それを縮小して、縮小したスクリプトをscripts.jsに貼り付ける必要があります-私が実際に自分のWebサイトで使用しているものです。

私は自分のページで次のようなことをするだけで、中間者を根絶したいと思っています。

<script type="text/javascript" src="scripts.php"></script>

そして、scripts.phpの内容について:

<?php include("include.inc"); header("Content-type:text/javascript"); echo(minify_js(file_get_contents("scripts_template.js")));

このように、JSを更新するたびに、Webサイトにアクセスしてそれを縮小し、scripts.jsに再貼り付けする必要はありません。すべてが自動的に更新されます。

はい、CrockfordのPHP Minifierも試してみましたが、PHP Speedyですが、PHPクラスはまだ...サルが理解できることはありますか、RegExpで何かありますか?

これをさらに簡単にするにはどうすればよいでしょうか。

タブスペースを削除したいだけです。コードを読みやすくする必要があります。

それはスクリプトが私のサイトを一時的に遅らせるようなものではなく、何でもないより良いだけです。

タブの削除、誰か?そして、可能であれば、空白行を完全に削除してみませんか?

15
RickyAYoder

私はかなり前から Douglas Crockford によってJSMinの PHP実装 を使用しています。クロージャの最後にセミコロンが欠落している可能性があるため、ファイルを連結する際に少し危険になる可能性があります。

ソースファイルよりも新しい限り、縮小された出力をキャッシュし、キャッシュされたものをエコーするのが賢明です。

require 'jsmin.php';

if(filemtime('scripts_template.js') < filemtime('scripts_template.min.js')) {
  read_file('scripts_template.min.js');
} else {
  $output = JSMin::minify(file_get_contents('scripts_template.js'));
  file_put_contents('scripts_template.min.js', $output);
  echo $output;
}

JShrink を試すこともできます。これまでJSMinに問題がなかったので、これまで使用したことがありませんが、以下のコードでうまくいくはずです。私はこれに気づいていませんでしたが、JShrinkにはPHP 5.3と名前空間が必要です。

require 'JShrink/Minifier.php';

if(filemtime('scripts_template.js') < filemtime('scripts_template.min.js')) {
  read_file('scripts_template.min.js');
} else {
  $output = \JShrink\Minifier::minify(file_get_contents('scripts_template.js'));
  file_put_contents('scripts_template.min.js', $output);
  echo $output;
}
24
Robert K

PHPの優れた資産管理ライブラリであるAsseticを見てください。 Symfony2とよく統合され、広く使用されています。

https://github.com/kriswallsmith/assetic

サーバーの制限に応じて(例: セーフモード で実行していない場合)、PHPを縮小して探し、Shell_exec()。たとえば、サーバーでJava=)を実行できる場合は、サーバーに YUI Compressor のコピーを置いて直接使用します。

その場合、scripts.phpは次のようになります。

<?php 

  $cmd = "Java -cp [path-to-yui-dir] -jar [path-to-yuicompressor.jar] [path-to-scripts_template.js]";

  echo(Shell_exec($cmd));

?>

その他の提案:サーバーにデプロイする前に、開発ワークフローに縮小ステップを組み込みます。たとえば、Eclipse PHPプロジェクトをセットアップして、JSおよびCSSファイルを「ビルド」フォルダーに圧縮します。チャームのように機能します。

2
Kevin Bray

"PHPWee"の使用: https://github.com/searchturbine/phpwee-php-minifierJSminも使用) 、@ Robert Kソリューションをもう少しプッシュしました。

このソリューションでは、CSSファイルとJSファイルの両方を縮小できます。縮小されていないファイルが見つからない場合は、空の文字列が返されます。圧縮されたファイルが圧縮されていないファイルより古い場合は、ファイルを作成しようとします。存在しない場合は、縮小ファイルのサブフォルダーを作成します。メソッドがファイルを正常に縮小できる場合、それは_<script>_(javascript)または_<link>_(CSS)タグでそれを返します。それ以外の場合、メソッドは適切なタグで非縮小バージョンを返します。

:PHP 7.0.13でテスト済み

_/**
* Try to minify the JS/CSS file. If we are not able to minify,
*   returns the path of the full file (if it exists).
*
* @param $matches Array
*   0 = Full partial path
*   1 = Path without the file
*   2 = File name and extension
*
* @param $fileType Boolean
*   FALSE: css file.
*   TRUE: js file
*
* @return String
*/
private static function createMinifiedFile(array $matches, bool $fileType)
{
    if (strpos($matches[1], 'shared_code') !== false) {

        $path = realpath(dirname(__FILE__)) . str_replace(
            'shared_code',
            '..',
            $matches[1]
        );

    } else {

        $path = realpath(dirname(__FILE__)) .
            "/../../" . $matches[1];
    }

    if (is_file($path . $matches[2])) {

        $filePath = $link = $matches[0];

        $min = 'min/' . str_replace(
            '.',
            '.min.',
            $matches[2]
        );

        if (!is_file($path . $min) or 
            filemtime($path . $matches[2]) > 
            filemtime($path . $min)
        ) {

            if (!is_dir($path . 'min')) {

                mkdir($path . 'min');   
            }

            if ($fileType) { // JS

                $minified = preg_replace(
                        array(
                            '/(\))\R({)/',
                            '/(})\R/'
                        ),
                        array(
                            '$1$2',
                            '$1'
                        ),
                        Minify::js(
                        (string) file_get_contents(
                            $path . $matches[2]
                        )
                    )
                );

            } else { // CSS

                $minified = preg_replace(
                    '@/\*(?:[\r\s\S](?!\*/))+\R?\*/@', //deal with multiline comments
                    '',
                    Minify::css(
                        (string) file_get_contents(
                            $path . $matches[2]
                        )
                    )
                );
            }

            if (!empty($minified) and file_put_contents(
                    $path . $min, 
                    $minified 
                )
            ) {

                $filePath = $matches[1] . $min;
            }

        } else { // up-to-date

            $filePath = $matches[1] . $min;
        }

    } else { // full file doesn't exists

        $filePath = "";
    }

    return $filePath;
}

/**
* Return the minified version of a CSS file (must end with the .css extension).
*   If the minified version of the file is older than the full CSS file,
*   the CSS file will be shrunk.
*
*   Note: An empty string will be return if the CSS file doesn't exist.
*
*   Note 2: If the file exists, but the minified file cannot be created, 
*       we will return the path of the full file.
*
* @link https://github.com/searchturbine/phpwee-php-minifier Source
*
* @param $path String name or full path to reach the CSS file.
*   If only the file name is specified, we assume that you refer to the shared path.
*
* @return String
*/
public static function getCSSMin(String $path)
{
    $link = "";
    $matches = array();

    if (preg_match(
            '@^(/[\w-]+/view/css/)?([\w-]+\.css)$@',
            $path,
            $matches
        )
    ) {

        if (empty($matches[1])) { // use the default path

            $matches[1] = self::getCssPath();

            $matches[0] = $matches[1] . $matches[2];
        }

        $link = self::createMinifiedFile($matches, false);

    } else {

        $link = "";
    }

    return (empty($link) ?
        '' :
        '<link rel="stylesheet" href="' . $link . '">'
    );
}

/**
* Return the path to fetch CSS sheets.
* 
* @return String
*/
public static function getCssPath()
{
    return '/shared_code/css/' . self::getCurrentCSS() . "/";
}

/**
* Return the minified version of a JS file (must end with the .css extension).
*   If the minified version of the file is older than the full JS file,
*   the JS file will be shrunk.
*
*   Note: An empty string will be return if the JS file doesn't exist.
*
*   Note 2: If the file exists, but the minified file cannot be created, 
*       we will return the path of the full file.
*
* @link https://github.com/searchturbine/phpwee-php-minifier Source
*
* @param $path String name or full path to reach the js file.
*
* @return String
*/
public static function getJSMin(String $path)
{
    $matches = array();

    if (preg_match(
            '@^(/[\w-]+(?:/view)?/js/)([\w-]+\.js)$@',
            $path,
            $matches
        )
    ) {
        $script = self::createMinifiedFile($matches, true);

    } else {

        $script = "";
    }

    return (empty($script) ? 
        '' :
        '<script src="' . $script . '"></script>'
    );
}
_

(Smarty)テンプレートでは、次のようなメソッドを使用できます。

_{$PageController->getCSSMin("main_frame.css")}
//Output: <link rel="stylesheet" href="/shared_code/css/default/min/main_frame.min.css">

{$PageController->getCSSMin("/gem-mechanic/view/css/gem_mechanic.css")}
//Output: <link rel="stylesheet" href="/gem-mechanic/view/css/min/gem_mechanic.min.css">

{$PageController->getJSMin("/shared_code/js/control_utilities.js")}
//Output: <script src="/shared_code/js/min/control_utilities.min.js"></script>

{$PageController->getJSMin("/PC_administration_interface/view/js/error_log.js")}
//Output: <script src="/PC_administration_interface/view/js/min/error_log.min.js"></script>
_

単体テスト:

_/**
* Test that we can minify CSS files successfully.
*/
public function testGetCSSMin()
{
    //invalid style
    $this->assertEmpty(
        PageController::getCSSMin('doh!!!')
    );


    //shared style
    $path = realpath(dirname(__FILE__)) . '/../css/default/min/main_frame.min.css';

    if (is_file($path)) {

        unlink ($path);
    }

    $link = PageController::getCSSMin("main_frame.css");

    $this->assertNotEmpty($link);

    $this->assertEquals(
        '<link rel="stylesheet" href="/shared_code/css/default/min/main_frame.min.css">',
        $link
    );

    $this->validateMinifiedFile($path);


    //project style
    $path = realpath(dirname(__FILE__)) . '/../../gem-mechanic/view/css/min/gem_mechanic.min.css';

    if (is_file($path)) {

        unlink ($path);
    }

    $link = PageController::getCSSMin("/gem-mechanic/view/css/gem_mechanic.css");

    $this->assertNotEmpty($link);

    $this->assertEquals(
        '<link rel="stylesheet" href="/gem-mechanic/view/css/min/gem_mechanic.min.css">',
        $link
    );

    $this->validateMinifiedFile($path);
}

/**
* Test that we can minify JS files successfully.
*/
public function testGetJSMin()
{
    //invalid script
    $this->assertEmpty(
        PageController::getJSMin('doh!!!')
    );


    //shared script
    $path = realpath(dirname(__FILE__)) . '/../js/min/control_utilities.min.js';

    if (is_file($path)) {

        unlink ($path);
    }

    $script = PageController::getJSMin("/shared_code/js/control_utilities.js");

    $this->assertNotEmpty($script);

    $this->assertEquals(
        '<script src="/shared_code/js/min/control_utilities.min.js"></script>',
        $script
    );

    $this->validateMinifiedFile($path);


    //project script
    $path = realpath(dirname(__FILE__)) . '/../../PC_administration_interface/view/js/min/error_log.min.js';

    if (is_file($path)) {

        unlink ($path);
    }

    $script = PageController::getJSMin("/PC_administration_interface/view/js/error_log.js");

    $this->assertNotEmpty($script);

    $this->assertEquals(
        '<script src="/PC_administration_interface/view/js/min/error_log.min.js"></script>',
        $script
    );

    $this->validateMinifiedFile($path);
}

/**
* Make sure that the minified file exists and that its content is valid.
*
* @param $path String the path to reach the file
*/
private function validateMinifiedFile(string $path)
{
    $this->assertFileExists($path);

    $content = (string) file_get_contents($path);

    $this->assertNotEmpty($content);

    $this->assertNotContains('/*', $content);

    $this->assertEquals(
        0,
        preg_match(
            '/\R/',
            $content
        )
    );
}
_

追加メモ

  1. _phpwee.php_では、_<?_を_<?php_に置き換える必要がありました。
  2. 名前空間に問題がありました(関数class_exists()は、同じファイル内にあるクラスを見つけることができませんでした)。すべてのファイルの名前空間を削除することで、この問題を解決しました。

JavaScriptPacker は2008年以降機能し、非常にシンプルです

0