javascript - 转译的 webpack 包不会通过 require 导出带连字符的包名称

Question

我正在导入 Fluent-ffmpeg，方法是:在一个文件中 import ffmpeg from ' Fluent-ffmpeg'。

运行 webpack 后，我收到此错误:未捕获的异常:ReferenceError:未定义流利

我查看了转译文件的内部，发现 Fluent-ffmpeg 包含如下内容:函数(e,t){e.exports= Fluent-ffmpeg}

将行更改为:function(e,t){e.exports=require("fluid-ffmpeg")} 程序可以运行。

有没有办法配置 webpack 在转译时正确要求 Fluent-ffmpeg ？

编辑:我正在使用这个 Electron React Webpack 样板来构建桌面应用程序 - https://github.com/chentsulin/electron-react-boilerplate

更新:我创建了一个存储库来显示该错误 - https://github.com/the4dpatrick/congenial-barnacle 。 electron-react-boilerplate 之间的区别这个仓库可以在 single commit 中看到

查看错误:

• npm 我
• 打包电子应用程序(npm run package)
• 打开发布目录下的应用程序。
• 警报打开时出现错误

Answer 1

我只需将 webpack.config. Electron.js 文件中的 output.libraryTarget 设置设置为 commonjs2 即可解决该问题.

output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    libraryTarget: 'commonjs2'
  },

有关更多详细信息，请阅读:chentsulin/electron-react-boilerplate#232