Comments (5)
I've actually had this into consideration lately and I love your proposal for the file structure. As of now I can't devote my time on this but will probably happen in the near future.
The only down side to bringing support for this is the fact that electron main process requires a full restart of the app. Hopefully I can find a way to reboot the app on changes.
from electron-vue.
Glad you like it, although admittedly bummed you won't have the time because I fought for hours last night trying to get this in place myself. Webpack defated me hard. I couldn't figure out how to restructure things without them breaking pretty much irreparably heh... I've been using gulp for a while and have only used Vue as a basic, more modern jquery ( as in, script tags 😮 ) so this is a very cool setup.
Totally get the lack of time though. If you have any advice on how I could go about this I'd be willing to give it a shot myself.
from electron-vue.
One big difference is that the webpack target would need to be electron
for the main process. Since you can't have multiple targets you'd have to create another webpack configuration. I believe you can export an array of configs from the webpack.config.js
and the npm run dev
should run both. Nobody has really supported this in the past so it would take a little pioneering to perfect this setup.
Thinking about all this makes me want to get started 😁. So maybe I can get something ready tonight or by this weekend.
from electron-vue.
It is exciting isn't it 😉 ES2019 all the things.
I've actually come across a few that do something similar, but again I don't know a lot about webpack so they might differ in ways I'm not seeing. I'll throw them here as references since they should be helpful:
React / Electron / Webpack boilerplate by jogleasonjr - this one is the most accurate in terms of what I'd want for directory structure
Tc by mccxiv - this one has what seems like a more desirable webpack configuration.
- Edit: I'd also like to add that main process hot reloading would be awesome but secondary to simply having those files be transpiled. I'm fine with restarting manually in these cases. I'm mostly concerned with having access to babel features in the main process.
from electron-vue.
Amazing what sleeping on an issue will do... I came back for round 2 against Webpack and was able to get it. @SimulatedGREG let me know your thoughts.
from electron-vue.
Related Issues (20)
- Is this possible to use in vite using vue?
- 不维护了吗? HOT 4
- electron中vue路由切换,不销毁前一个页面的问题 HOT 2
- [feature] add default vs code debug config for main process & render process
- Error: net::ERR_CONNECTION_RESET
- how to install latest electron version? HOT 2
- Error when: "building main process"
- 大神,v2.0太棒了,没有bug HOT 1
- 集成的 electronjs 版本太老了 HOT 1
- yarn run dev causes a blank page HOT 2
- ipcMain.send undefined function HOT 2
- Oku
- cannot find the module : `node .electron-vue/dev-runner.js`
- child_process
- electron app crash when startup
- 成废品了,浪费时间 HOT 3
- ⚡️ I've created a New Template project that supports the latest Electron + Vue + Webpack (or Vite).
- Me generated files aren't working for installing, I have some doubts please HOT 1
- Unable to load web image HOT 1
- Is dead project? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from electron-vue.