MENU

Electronでnodeモジュールのrequireができる環境でjQueryを使う

たぶん最初につまづくのがElectronでjQueryを使いたいときだと思います。jQueryも使いたいけど、nodeモジュールも使いたいなんてときどうすればいいのか。公式FAQページにも載っていますが、解決方法を紹介します。

jQueryを使う


<script>
  window.nodeRequire = require;
  delete window.require;
  delete window.exports;
  delete window.module;
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>
$(function()
{
  // ここにjQueryコードを記述
});
</script>
</body>

</body> の直前に記述します。

nodeモジュールを使う

例えば、Electronモジュールを読み込みたいとき。


$(function()
{

// 悪い例
const electron = require('electron');

// 良い例
const electron = window.nodeRequire('electron');
const electron = nodeRequire('electron');

});

直前のコードで requirewindow.nodeRequire に代入しているので、これを使用します。window はもちろん省略できます。