This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
electron-webpack with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
Because setting up
electronenvironment shouldn't be difficult.
Modern web development practices today require a lot of setup with things like
webpack to bundle your code,
babel for transpiling,
eslint for linting, and so much more that the list just goes on. Unfortunately when creating
electron applications, all of that setup just became much more difficult. The primary aim of
electron-webpack is to eliminate all preliminary setup with one simple install so you can get back to developing your application.
Why create a module and not a full boilerplate?
webpack configuration files that some may call magic when something new comes out.
Here are some of the awesome features you'll find using
webpackfor source code bundling
@babel/preset-envthat is automatically configured based on your
webpackloaders, plugins, etc.
Get started fast with electron-webpack-quick-start.
# create a directory of your choice, and copy template using curl mkdir my-project && cd my-project curl -fsSL https://github.com/electron-userland/electron-webpack-quick-start/archive/master.tar.gz | tar -xz --strip-components 1 # or copy template using git clone git clone https://github.com/electron-userland/electron-webpack-quick-start.git cd electron-webpack-quick-start rm -rf .git # install dependencies yarn
If you already have an existing project, or are looking for a custom approach outside of the quick start template, make sure to read over the Core Concepts, Project Structure, and Development sections of
Make sure to take advantage of the detailed documentation that
electron-webpack provides. It covers everything from how things work internally, adding custom configurations, and building your application.