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');
});
直前のコードで require を window.nodeRequire に代入しているので、これを使用します。window はもちろん省略できます。