webpack - 构建后用于 Electron 的外部 webpack 模块不起作用

Question

我正在尝试使用 archiver我的 Electron 应用程序中的模块。这最初在开发过程中导致了错误，因为我没有将它添加到我的 webpack 外部:

  chainWebpack: config => {
    config.externals({
      archiver: "require('archiver')"
    })
  },

这在开发中有效，但事实证明，在为生产构建应用程序后，它在启动后出现了一个新错误:

Uncaught Error: Cannot find module 'archiver'
Require stack:
- C:\Users\user\workspace\my-app\dist_electron\win-unpacked\resources\electron.asar\renderer\init.js
    at Module._resolveFilename (internal/modules/cjs/loader.js:627)
    at Function.Module._resolveFilename (C:\Users\user\workspace\my-app\dist_electron\win-unpacked\resources\electron.asar\common\reset-search-paths.js:41)
    at Function.Module._load (internal/modules/cjs/loader.js:531)
    at Module.require (internal/modules/cjs/loader.js:685)
    at require (internal/modules/cjs/helpers.js:16)
    at Object.4f22 (app.107e8b71.js:1)
    at o (app.107e8b71.js:1)
    at Object.d7c3 (app.107e8b71.js:1)
    at o (app.107e8b71.js:1)
    at Module.f8da (app.107e8b71.js:1)

我该如何解决这个问题？

我正在使用 vue-cli-plugin-electron-builder构建我的 Electron 应用程序。

Answer 1

问题是在 vue.config.js我用这个:

   chainWebpack: config => {
     config.externals({
        archiver: "require('archiver')"
     })
   }

但是因为我有 vue-cli-plugin-electron-builder ，我应该使用:

  pluginOptions: {
    electronBuilder: {
      externals: ['archiver'],
      builderOptions: {
      etc...
      }
    }
  }