smartcomb:用php实现的web模块拼合器，smartcombweb

smartcomb:用php实现的web模块拼合器，smartcombweb_PHP教程

php中文网

发布： 2016-07-13 10:09:50

原创

1075人浏览过

smartcomb:用php实现的web模块拼合器，smartcombweb

smartcomb是一个用php实现的web模块拼合器，相对于其他的代码拼合工具，如下特性：

可以拼合任意类型的文件，不限于js文件。
集中并声明依赖，自动分析依赖拼合，按需加载。
支持多种配置切换
自动修改css,less中的图片路径，无需担心拼合后css图片路径出错
支持php命令行调用，支持命令直接生成拼合静态文件

github地址：https://github.com/hafeyang/smartcomb

模块声明配置

smartcomb是由smartcomb.php 和modules.js构成，modules.js是一个json文件，必须是严格的json格式，key需要加上双引号，用于模块声明。格式为：

<code>{
    [profile]:{
        "basePath": "所有文件共有的基础路径",
        "modules":{
            "[modulename]":{
                [type1]:["file1","file2"],
                "dependencies":["depend module name","",""]
            }
        }
    }
 }
</code>

登录后复制

下面是一个demo:

<code>{
    "default":{
        "basePath":"modules/",
        "modules":{
            "base":{
                "js":["base/base.js","base/common.js"],
                "css":["base/reset.css"],
                "less":["base/reset.less"]
             },
             "pageA":{
                 "js":["pageA/pageA-util.js","pageA/pageA.js"],
                 "css":["pageA/pageA.css"],
                 "dependencies":["base"]
             }
        }
    }
}
</code>

登录后复制

web中使用

上面的demo声明了profile 为default的模块配置。声明两个模块base和pageA,pageA依赖于base模块。其中base模块包括两个js文件: modules/base/base.js，该路径是相对于smartcomb.php的路径，文件类型可以任意定义，使用时指定类型即可。

立即学习“PHP免费学习笔记（深入）”；

如上配置文件，我们可以在页面中如下引用：

<code><script type="text/javascript" src="path/to/smartcomb.php?type=js&modules=pageA"></script>
<link href="path/to/smartcomb.php?type=css&modules=pageA" type="text/css" charset="utf-8"/>
</code>

登录后复制

pageA依赖于base模块。smartcomb自动拼合依赖的的文件。

千面视频动捕

千面视频动捕是一个AI视频动捕解决方案，专注于将视频中的人体关节二维信息转化为三维模型动作。

173

查看详情

smartcomb.php调用参数：

profile:配置类型，默认为default。用该参数可以切换profile
type:文件类型，模块声明中的类型，可以是自定义的任何文件类型，默认是js
modules:需要拼合的模块，多个模块可以用,分割

命令行中使用

可以直接使用 php命令，如：

<code>php smartcomb.php -profile default -type js -modules pageA
</code>

登录后复制

命令直接在标准输出中输出拼合结果，可以直接生成文件。

<code>php smartcomb.php -profile default -type js -modules pageA > pageA-dep.js
</code>

登录后复制

参数与web调用方式一致

Thanks,任何问题,请与我联系：)

大家都在看：

如何在macOS上设置PHP开发服务器的详细教程？ ThinkPHP数据导入怎么实现_ThinkPHP批量数据导入功能开发方法 sql怎么用php_PHP操作SQL数据库（MySQL）与查询方法如何在Docker中配置PHP多站点环境的详细教程？ ThinkPHP文件上传怎么实现_ThinkPHP文件上传功能与安全处理