如何解决如何通过Gulp将npm Halfmoon的JS与现有代码捆绑在一起?
因此,我想在个人项目中使用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'));
}
我并不完全乐于做到这一点,但这是我的偏爱。
解决方法
我不确定这是否行得通,但是您可以尝试在Github上下载halfmoon.js
文件。它与npm中的不同,主要是它是使用<script>
标记运行的,不需要require
语句。
链接到Github上的文件:https://github.com/halfmoonui/halfmoon/blob/master/js/halfmoon.js
编辑:此外,在此文件上,halfmoonOnDOMContentLoaded()
在加载DOM时自动运行。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。