programster/js-demo-welcomer

JavaScript 包示例

0.1.2 2018-06-17 13:00 UTC

This package is not auto-updated.

Last update: 2024-09-15 05:23:38 UTC


README

这是一个演示包,展示如何使用 Composer 构建和分发 JavaScript 包。实现演示在此这里

安装/使用

为了使用此包,您需要像往常一样使用 composer require/install 安装包

composer require programster/js-demo-welcomer

然而,您可能需要将以下脚本部分添加到 composer.json 文件中,以便自动将源代码安装到 public_html/js 文件夹中。显然,如果您想将源代码放在其他地方,只需相应地更新路径即可。

必须手动添加脚本部分,因为包本身的脚本不会自动执行(可能出于安全考虑)。只有根 composer.json 文件中的脚本会被执行。

{
    "require": {
        "programster/js-demo-welcomer": "0.1.*"
    },
    "scripts": {
        "post-install-cmd": [
            "rm -f public_html/js/js-demo-welcomer && ln -s ../../vendor/programster/js-demo-welcomer/src public_html/js/js-demo-welcomer"
        ],
        "post-update-cmd": [
            "rm -f public_html/js/js-demo-welcomer && ln -s ../../vendor/programster/js-demo-welcomer/src public_html/js/js-demo-welcomer"
        ]
    }
}

对于此包,完整的 composer.json 文件示例如下

{
    "require": {
        "programster/js-demo-welcomer": "0.1.*"
    },
    "scripts": {
        "post-install-cmd": [
            "rm -f public_html/js/js-demo-welcomer && ln -s ../../vendor/programster/js-demo-welcomer/src public_html/js/js-demo-welcomer"
        ],
        "post-update-cmd": [
            "rm -f public_html/js/js-demo-welcomer && ln -s ../../vendor/programster/js-demo-welcomer/src public_html/js/js-demo-welcomer"
        ]
    }
}

然后您可以在源代码中使用此包,如下所示

...
<body>
<script src="js/js-demo-welcomer/Welcomer.js"></script>
<script type="text/javascript">
    var welcomer = new Welcomer("James");
    welcomer.run();
</script>
...