electron-vue 打包 require()Node C++插件加载问题导致的白屏

问题描述

执行npm run build 的时候，遇到了一个问题，打包的exe软件在本机上可以正常使用，安装包发给别人以后，安装出现了白屏问题。

定位bug

mainWindow.webContents.openDevTools()

开启exe，调试，定位bug，路径问题。

问题分析

软件引用了别人写的node C++插件，想的是放在静态文件目录，用require 引入，事实证明不可以。build在打包过程中，会根据package.json文件夹中的"dependencies"加载软件需要的包，如果通过require方式引用插件，但依赖中没有体现，则require 的路径最终显示的是你本地包的绝对路径，无论你放到那个目录，都一样，这就导致了安装到别人电脑上的白屏问题

问题解决

以为是路径问题，尝试通过路径问题来解决插件的使用，通过__static+子目录来尝试改变路径，通过修改把目录修改正确之后，仍然不能加载到插件，回想之后，觉得是使用方式不对，插件存放的位置都是node_modules文件夹下，按照插件的使用方式，把插件放到node_modules下面，在depedency中写入依赖，打包就能打包进去了，问题解决。软件正常启动。