Angular-cli: Please provide stories to deploy different platforms like Electron and chrome extension

[surenrao]

Bug Report or Feature Request (mark with an x)

- [ ] bug report -> please search issues before submitting
- [x] feature request

Hello, was going through the stories, nicely done! thanks for that! although it will be nice to have that on the main site.
Can you please add a story to create a chrome extension with popup.html, option.html and background.html?
One more story to write Electron app using angular cli
Thanks

Versions.

Repro steps.

The log given by the failure.

Desired functionality.

Mention any other details that might be useful.

[shoudaos]

Yes, the story about using the Electron will be very helpfull

[ruipimentel]

9107 has an interesting thread on integration with Electron.

Personally, I've made 2 tries on this, once following this blog post, another following this answer on SO. I'm not sure if any of them works 100% in terms of real-time refreshing upon compiling, unit/E2E testing, environments, optimized building for production, etc.

[michaeljota]

I think that if you want to deploy on that platform, ng eject would be a better fit for that. And it would be also a better way to do it. As @ruipimentel said, in #9107 I posted a story already about basic integration of the ng with electron. There are somethings that are still missing, but I will work around it to make the integration as strong as possible, without breaking the CLI.

[joaocc]

@ruipimentel We have been using electron-angular-toolkit for this, and it supports HMR quite well. However we would prefer a more "native" solution (esp since it seems to be unsupported for some time).

[ruipimentel]

Thanks @joaocc, I have also checked out electron-angular-toolkit, but I too abandoned it due to lack of active development.

[michaeljota]

Here is the story:
https://dev.to/michaeljota/integrating-an-angular-cli-application-with-electron---the-ipc-4m18
I hope I understood everything correctly and also explain it properly. It is in deed very complex to understand, but at the end is about thinking in plain simple Javascript.

Thanks to all the people that are following this thread, I'd learned a lot these days about techs that I love.

[dashkan]

All,

I spent a couple of days reviewing the cli codebase. The build system is very extensible. I ended up creating a new npm package named ng-electron-devkit that extends angular 6 build system to support electron-renderer. My goal is to add support for electron main process and packaging electron assets in the build pipeline in future updates.

This is not a hack to the CLI. You can target both electron-renderer and the browser and have completely different build settings!

Check it out

[mgechev]

@dashkan fantastic job! I see there's a lot of community work which documents lots of use cases. Closing the issue for now. Thank you all sharing these resources!

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}