Transpiled webpack bundle does not export hyphenated package name via require

StackOverflow question Example Repo Breaking commit

The Main.js file within the app’s contents, after running npm run package, includes a line function(e,t){e.exports=fluent-ffmpeg}. When I try to open the app, I receive this error: Uncaught Exception: ReferenceError: fluent is not defined

I can fix this by manually editing the aforementioned line to read: function(e,t){e.exports=require("fluent-ffmpeg")}

Steps to reproduce

• I cloned this repo
• added the fluent-ffmpeg package
• add import ffmpeg from 'fluent-ffmpeg' into main.development.js
• npm run package
• open app

My Example Repo shows this same error.

Any help with making fluent-ffmpeg work with this repo would be appreciated.

[the4dpatrick]

I was able to solve the issue by simply setting the output.libraryTarget within webpack.config.electron.js file.

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

@eugenehp with this boilerplate we could run npm run package to deliver the production app. @FraGoTe I was able to maintain externals being an array. The only possible change to this boilerplate that is related to this issue might be the setting output.libraryTarget

[the4dpatrick]

@eugenehp I can see where this can work after running the npm run dev command where the server is spun up for development, but after I want to package the application, I would need a separate API running to access ffmpeg. I want to be able to run fluent-ffmpeg apart of an offline application without spinning up a server.

I might have found a fix by changing externals inside the webpack.config.base.js to read:

externals: {
    'fluent-ffmpeg': 'fluent-ffmpeg'
  }

I have yet to confirm this actually works