Eustia实用 JavaScript 工具库

联合创作 · 2023-09-22 04:25

Eustia是一个用于生成JavaScript函数库的工具。它能够扫描代码实时生成只包含所需方法的函数库。

目前默认函数库除了underscore中使用较多的each、template等函数外,还包含类创建、cookie操作、Dom操作、日期格式化等实用的小库,共150+个模块,日常不断更新中,详细列表可点此查看。

安装

你可以通过npm安装Eustia。

npm install -g eustia

快速上手

假设你想html文件中使用trim方法,先直接在代码中使用:

<html>
<head>
    <meta charset="utf-8"/>
    <title>Eustia</title>  
    <script src="util.js"></script> 
</head>
<body>  
<script>  
    var projectName = _.trim(' Eustia ');  
    // Some code...  
</script> 
</body>
</html>

然后跑下命令:

eustia build

该工具会扫描你的html代码并生成一个util.js(默认文件名)文件,大功告成!

使用配置文件

你可以只通过命令行来运行这个工具:

eustia build -o util.js index.html *.js ...<list of files to be scanned>

当然也可以使用一个配置文件来保存参数。这样做还可以让你同时保存多份配置文件生成不同的函数库。

在你的项目根目录创建一个命名为.eustia的文件。

{ 
    "page": { 
        "files": "./layout/**/*.jade", 
        "output": "./static/js/eustia.js" 
    }, 
    "node": { 
        "files": ["./lib/*.js", "./tool/**/*.js"], 
        "output": "./lib/util.js" 
    }
}

如果不传入子命令,Eustia会在当前目录下寻找配置文件执行build命令。

        关于所有可用的配置项,请查看相关文档

编写模块

Eustia本身自带了多个常用的工具函数。 如果需要添加其它函数,请在根目录下创建名为eustia的文件夹。

比如说,我想要一个能比较版本号大小的函数。首先在eustia文件夹下边创建名为compareVersion的文件,然后再在里面编写实际的代码。

// eustia/compareVersion.js 

_('isStr each'); // 模块依赖 

function exports(v1, v2)
{ 
    if (!isStr(v1) || !isStr(v2)) return; 
    ... 
}

之后你就可以在项目中的任何文件中使用compareVersion函数了。

        使用library选项可以指定函数查找路径,这对于项目间共享工具函数十分有用。另外你还可以通过eustia-lodash插件使用lodash方法。

浏览 7
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报