Блог

Итак, я хочу использовать фреймворк 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, но это было бы моим предпочтением.

Я не совсем уверен, сработает ли это, но вы, вероятно, могли бы попробовать загрузить halfmoon.js файл на Github. Он отличается от того, что есть в npm, главным образом тем, что он предназначен для запуска с использованием <script> тега и не нуждается в require инструкции.

Ссылка на файл на Github:https://github.com/halfmoonui/halfmoon/blob/master/js/halfmoon.js

Редактировать: Кроме того, в этом файле halfmoonOnDOMContentLoaded() выполняется автоматически при загрузке DOM.