Code Monkey home page Code Monkey logo

Comments (5)

SimulatedGREG avatar SimulatedGREG commented on May 9, 2024

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.

haltcase avatar haltcase commented on May 9, 2024

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.

SimulatedGREG avatar SimulatedGREG commented on May 9, 2024

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.

haltcase avatar haltcase commented on May 9, 2024

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.

haltcase avatar haltcase commented on May 9, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.