Как добавить плагин Yoast WordPress в Laravel

Question

Я разрабатываю веб-сайт с помощью Laravel, и теперь я хотел бы добавить плагин Yoast в раздел блогов для улучшения блогов на сайте.
как я вижу из Yoast GitHub, есть версия Javascript, которую можно добавить на пользовательские сайты.
справка по использованию не очень полезна, так что если какое-либо тело может мне помочь.

var SnippetPreview = require( "yoastseo" ).SnippetPreview;
var App = require( "yoastseo" ).App;

window.onload = function() {
var focusKeywordField = document.getElementById( "focusKeyword" );
var contentField = document.getElementById( "content" );

var snippetPreview = new SnippetPreview({
    targetElement: document.getElementById( "snippet" )
});

var app = new App({
    snippetPreview: snippetPreview,
    targets: {
        output: "output"
    },
    callbacks: {
        getData: function() {
            return {
                keyword: focusKeywordField.value,
                text: contentField.value
            };
        }
    }
});

app.refresh();

focusKeywordField.addEventListener( 'change', app.refresh.bind( app ) );
contentField.addEventListener( 'change', app.refresh.bind( app ) );
};

справка по использованию - это файл node.js, но как мне добавить его в бэкэнд php и в html+js front end?
Спасибо вам.

Answer 1

После нескольких дней поиска наконец-то нашел ответ. Чтобы преобразовать эту или любую другую библиотеку nodejs в поддерживаемый javascript браузера, просто перейдите в http://browserify.org/. сначала установите его

  npm install -g browserify

затем установите всю нужную библиотеку

   npm install <module_name>

в конце создайте один JS-файл с

   browserify <main.js> -o  <destination.js>

Теперь вы можете добавить скрипт в ваш HTML, как

   <script src="destination.js"></script>

для библиотеки YOAST, например, есть каталог browserify. Я использую browserify для файла index.js в корневом каталоге и добавляю сгенерированный файл в этот HTML-файл примера, и все работает как шарм.