如何通过 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

我不确定这是否有效，但您可以尝试在 Github 上下载 halfmoon.js 文件。与npm中的不同，主要是为了运行使用<script>标签，不需要require声明。

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

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

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

How do I bundle npm Halfmoon's JS with existing code via Gulp?

javascript

node.js

npm

gulp

halfmoon