微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在电子战应用程序中,应使用哪个Webpack加载程序与衍生的二进制文件一起使用?

如何解决在电子战应用程序中,应使用哪个Webpack加载程序与衍生的二进制文件一起使用?

我正在开发一个电子vue应用程序,它需要主进程产生一个二进制(mac)才能检索一些JSON并将其传递回渲染器进程(vue)。

我是这种结构的新手,所以请保持柔和。

我的进程间通信正常运行,但是当我尝试全部启动时,我发现Webpack出现捆绑错误,要求我使用加载程序来处理二进制文件。我认为这是一个包装问题,但是我不确定需要什么加载程序配置。

代码部分:

  win.webContents.on('did-finish-load',() => {
    ipcMain.on('ondropfile',(event,filePath) =>
      const ltcScan = spawn("./bin/ltcscan",["-c1",filePath]);
      ltcScan.stdout.on("data",data => {
        console.log(data)
        var ltcscanData = JSON.parse(data)
        event.reply('got-ltcscan',ltcscanData)
      })
    })
  })

错误输出

模块解析失败:意外令牌(47:6) 您可能需要适当的加载程序来处理此文件类型,当前没有配置任何加载程序来处理此文件。参见https://webpack.js.org/concepts#loaders

|   win.webContents.on('did-finish-load',() => {
|     ipcMain.on('ondropfile',filePath) =>
>       const ltcScan = spawn("./bin/ltcscan",filePath]);
|       ltcScan.stdout.on("data",data => {
|         console.log(data)

不幸的是,所指示的文档部分并没有真正弄清楚在生成二进制文件的情况下该怎么做。

编辑:

此外,vue-cli似乎嵌入了webpack配置,因此更改它的唯一方法是通过添加特定部分来修改vue.config.js。

这是我为初学者准备的:

let  copyPlugin  = require('copy-webpack-plugin');

module.exports = {
  transpileDependencies: [
    'vuetify'
  ],pluginoptions: {
    electronBuilder: {
      removeElectronJunk: false
    }
  },configureWebpack: {
    plugins: [
      new copyPlugin({
        patterns: [
          { from: './resources/mac/bin/ltcscan',to: './dist_electron/mac/bin/ltcscan' }
        ]
      })
    ]
  }
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。