오픈 소스 작업 - PHP-SuMinify_PHP_1_5로 작성된 JS 및 CSS 파일 압축 도구

머리말:

웹사이트 프로젝트는 트래픽 로드를 줄이기 위해 외부 파일을 참조해야 하며, 외부 리소스 파일을 처음 로드한 후 동일한 도메인 이름을 가진 다른 페이지가 동일한 주소를 참조하는 경우 다음을 사용할 수 있습니다. 각 페이지에 대해 동일한 외부 리소스 파일을 다운로드하지 않고도 로컬 캐시 리소스 파일을 직접 읽을 수 있습니다. 외부 리소스 파일 중 일부는 타사 플러그인이고 일부는 직접 작성한 비즈니스 기능 스크립트입니다. 프로젝트에서 이러한 외부 파일을 참조하는 경우 일부를 인용하기 전에 압축되지 않은 타사 플러그인을 압축해야 합니다. 자체 비즈니스 기능 스크립트는 플러그인 형태로 기능 스크립트를 참조하려면 여러 스크립트 파일을 동시에 참조해야 하므로 이러한 스크립트 파일을 압축 파일로 병합한 후 참조해야 합니다. HTTP 요청을 줄이고 이러한 외부 리소스 파일의 로딩 트래픽을 줄입니다.
이러한 목표를 달성하기 위해 원래 단계는 다음과 같습니다. 대상 경로에 새 .min.xxx 파일을 만듭니다. " 온라인 js/css 압축 서비스를 제공하는 웹사이트를 열고, 온라인 압축을 위해 소스 코드를 여기에 복사합니다. 그런 다음 파일을 복사하여 min.xxx 파일에 붙여넣습니다. 파일을 병합해야 하는 경우 여러 파일의 소스 코드를 복사하여 압축하여 동일한 .min.xxx 파일에 붙여넣습니다. 하지만 프로젝트가 진행될수록 기능도 많아지고, 참조해야 할 파일도 점점 많아지는데, 외부 소스 파일이 변경될 때마다 .min.xxx 파일을 업데이트하는 데 많은 노력이 필요하며, 특히 소스 파일은 서로 다른 디렉토리에 배포되어 있으며 이러한 디렉토리를 찾는 것은 매우 번거롭습니다. 그래서 저는 이 프로그램을 실행하는 한 이러한 지루하고 반복적인 작업을 완료하는 데 도움이 될 수 있는 작은 프로그램을 만드는 아이디어를 생각해냈습니다.

소개:
SuMinify_PHP는 웹사이트 프로젝트에서 js 파일이나 CSS 파일을 압축하거나 병합하는 데 사용되는 단일 파일 그린 버전의 PHP 프로그램으로, phpinfo.php와 마찬가지로 프로젝트에서 쉽게 사용할 수 있습니다.
웹사이트 프로젝트를 개발하는 과정에서 js 파일은 타사 플러그인, 자체 작성 플러그인 등 다양한 디렉터리에 배포되는 경우가 많습니다. 일반적으로 여러 Javascript 플러그인이 압축되어 프로젝트 참조용 파일 1개. http 요청 수를 줄입니다.
수동으로 수행하면 플러그인이 변경될 때마다 파일을 압축하고 병합하는 데 많은 노력이 소요됩니다. 이 자동화된 프로그램을 사용하면 프로젝트의 외부 리소스 파일을 다음과 같은 자동화된 구성에 쓸 수 있습니다. 규칙에 따라 파일을 수정한 후 SuMinify 프로그램을 실행시키면 규칙에 따라 지정된 디렉토리에 파일을 압축하거나 병합하여 힘든 육체 노동을 없애고 작업 효율을 높일 수 있습니다~

특징:
1, 단일 파일 그린 버전, 외부 종속성 없음, 배포 및 사용이 용이함
2. 여러 프로젝트의 신속한 전환 지원
3. 규칙에 따라 구성 파일을 작성하고 자동으로 소스 코드 경로에서 소스 코드를 읽어 구성 파일에 따라 압축하고, 지정된 .min 압축 파일로 출력합니다
4. 프로젝트의 규칙 구성 파일은 임의의 경로에 배치할 수 있습니다
5. 서로 다른 디렉터리에 있는 여러 파일을 하나의 파일로
6. 전체 디렉터리에 대한 내부 일괄 압축을 수행합니다. 예를 들어 디렉터리에 여러 파일이 있는 경우 디렉터리 경로가 채워져 있는 한 해당 파일은 해당 디렉터리를 자동으로 탐색하여 각 파일명 + 접미사 .min 형식으로 압축 파일이 생성됩니다.
7. 전체 디렉터리의 리소스 파일을 압축한 후 지정된 .min 파일로 병합합니다. path
8. 전체 디렉토리를 일괄 압축하면 반복 압축을 방지하기 위해 .min 파일이 자동으로 무시됩니다.

사용법:
1. SuMinify_PHP_1_5 파일을 프로젝트의 임의의 디렉토리에 복사합니다. (이 파일은 사용하기 쉬운 단일 파일 그린 버전입니다^_^).
2. 필요에 맞게 구성 내용을 수정합니다.
3. 이 파일을 실행합니다. 결과를 보고 사용할 수 있습니다~

도움말:

<span>$config</span> = <span>array</span><span>(
    </span><span>//</span><span> soui_v3a项目</span>    'soui_v3a' => 'F:\OpenOpus\SuMinify_PHP_1_5\Example\soui_v3a_config.php',
    <span>//</span><span> soui_v3b项目</span>    'soui_v3b' => <span>array</span><span>(
        </span>'js' => <span>array</span><span>(
            </span>'in-place-minify' => <span>array</span>(<span>//</span><span> 就地压缩js</span>                'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Javascript\superfish\superfish.js', <span>//</span><span> 就地生成superfish.min.js文件</span><span>array</span>('path' => 'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Javascript\Pages\*', 'skips' => <span>array</span>('F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Javascript\Pages\skip-me1.js', 'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Javascript\Pages\skip-me2.js')), <span>//</span><span> 整个目录就地压缩,跳过其中2个文件的压缩</span>            ),
            'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Javascript\min\jquery.easyui.min.js' => <span>array</span><span>(
                </span><span>array</span>('path' => 'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Javascript\easyui\jquery.easyui.min.js', 'minify' => <span>false</span>), <span>//</span><span> 不用压缩,直接合并</span>                'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Javascript\easyui\locale\easyui-lang-zh_CN.js', <span>//</span><span> 压缩后合并</span>            ),
            'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Javascript\min\pages.min.js' => <span>array</span><span>(
                </span><span>array</span>('path' => 'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Javascript\Pages\*'), <span>//</span><span> 将目录中所有文件压缩后合并</span>                'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Javascript\js-prototype-extension.js', <span>//</span><span> 压缩后合并</span>                'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Plugin\jquery-audioplayer-1.0\jquery-audioPlayer-1.0.js', <span>//</span><span> 压缩后合并</span><span>            )
        )</span>,
        'css' => <span>array</span><span>(
            </span>'in-place-minify' => <span>array</span>(<span>//</span><span> 就地压缩css</span>                'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Css\Pages\*', <span>//</span><span> 整个目录就地压缩</span>            ),
            'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Css\jeasyui\Default\easyui.min.css' => <span>array</span><span>(
                </span>'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Css\jeasyui\Default\easyui.css', <span>//</span><span> 压缩后合并</span><span>array</span>('path' => 'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Css\jeasyui\icon.css', 'replaces' => <span>array</span>("'icons/" => "'../Icons/")), <span>//</span><span> 压缩后替换内容,然后合并</span>            ),
            'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Css\superfish\superfish.min.css' => <span>array</span><span>(
                </span>'F:\OpenOpus\SuMinify_PHP_1_5\Example\Resfile\Css\superfish\superfish.css', <span>//</span><span> 就地压缩</span>            ),<span>        )
    )</span>,<span>);</span>

렌더링 실행:

홈페이지: http://git.oschina.net/sutroon/SuMinify_PHP_1_5

소스 코드: https://git.oschina.net /sutroon/SuMinify_PHP_1_5.git

이상은 PHP로 작성된 JS 및 CSS 파일 압축 도구인 오픈 소스 작업인 SuMinify_PHP_1_5를 소개했으며 관련 내용도 포함되어 있어 PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.