WebPackを使用したSPAをElectron化する
学習のために、SPA 作ったMarkdown エディタを Mac のアプリとして使いたくなったので、Electron 化した。
その時にしたことをメモ。
Webpack の設定
Electron を SPA の Javascript に バンドルしてほしくないので、externals の設定を追加。
externals: {
electron: 'require("electron")',
fs: 'require("fs")'
},
SPA 側で electron かどうかを判定
process.type
を参照して renderer の場合のみに、Electronを読み込み。
if (window.process && window.process.type == "renderer") {
const ipcRenderer = require("electron").ipcRenderer;
...
}
あとは Electron 側で index.html てきなものを loadURL
するだけで、SPAのソースを流用できた。
Author And Source
この問題について(WebPackを使用したSPAをElectron化する), 我々は、より多くの情報をここで見つけました https://qiita.com/takahiro1110/items/3d633a54a6ae3ed4fc67著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .