javascript - 如何通过 Gulp 将 npm Halfmoon 的 JS 与现有代码捆绑在一起？

Question

所以，我想在个人项目中使用 Halfmoon 框架，我通过 npm 下载了它。为了使用它作为示例显示的 Javascript（在此页面https://www.gethalfmoon.com/docs/download/#using-npm中）使用 require 语句导入库。

var halfmoon = require("halfmoon");
halfmoon.onDOMContentLoaded();

我希望将此代码与任何未来的 Javascript 文件捆绑到一个大scripts.js文件中，但 require 语句在浏览器中不起作用。

Browserify 似乎是一个不错的选择，但是 gulp 没有最新的插件。Rollup 遇到了类似的问题，其中 gulp 插件存在问题。

我希望有一个像这样结构的 gulp 函数：

function bundle() {
    
    return gulp.src('./src/js/main.js')
        .pipe(theFunctionThatMakesItWork())
        .pipe(gulp.dest('./static/js'));
}

我并不完全喜欢在 gulp 中这样做，但这将是我的偏好。

Answer 1

我不完全确定这是否可行，但您可以尝试halfmoon.js在 Github 上下载该文件。它与npm中的不同，主要是使用<script>标签运行，不需要require语句。

链接到 Github 上的文件：https ://github.com/halfmoonui/halfmoon/blob/master/js/halfmoon.js

编辑：此外，在此文件上，halfmoonOnDOMContentLoaded()加载 DOM 时会自动运行。