yoast wordpressプラグインをlaravelに追加する方法

Question

私はLaravelと一緒にウェブサイトを開発しましたが、今ではYoastプラグインをサイトブログを改善するためのブロガーセクションに追加したいと思います。
私はYoast githubから、カスタムサイトに追加できるjavascript versionがあります。
使用法のヘルプはあまり役に立ちません。

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のフロントエンドに追加することができます。
ありがとうございます。

Answer 1

検索の数日後、最終的に答えが見つかります。 これまたは任意の種類のnodejsライブラリをブラウザのjavascriptに変換するには、browserifyに行ってください。 最初

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

を持つ単一のjsファイルを生成する今、あなたのHTMLにスクリプトを追加することができ、その後最後に

npm install <module_name> 

と、それは必要なすべてのライブラリをインストール

npm install -g browserify 

してインストールlike

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

YOASTライブラリ用の

例では、browserifyディレクトリがあります。私は、ルートディレクトリのindex.jsファイルのためにbrowserifyを使用し、この例のhtmlファイルに生成されたファイルを追加し、すべてが魅力的に機能します。