With our output files now inside the dist directory, we need to update our npm scripts to match. Let’s do the same for the main process’ configuration.
Since the output path for our renderer files is no longer the src directory, we’ve instructed Webpack to put our resources in a new dist directory. The HtmlWebpackPlugin will automagically add a reference to the output bundle in the specified template file. Plugins differ from loaders in that plugins operate at the bundle level and can more deeply integrate with the build process via hooks. Specifies any plugins used during the build process.
Npm build webpack project install#
This configuration is similar to that of our main process, but there are some new items: The core functionality is available in the babel-core npm package, the integration with webpack is available through the babel-loader npm package, and for every type of feature and extensions we want to make available to our code, we will need to install a separate package (the most common are babel-preset-es2015 and babel-preset. It will be helpful if we have a code base to start with any React project. Babel is used to convert JSX and ES6 to pure ES5 code. Npm install -save-dev electron Electron (main) entry point // src/electron.js const ] In a typical React project, we use Babel and Webpack.
It will be virtually identical to the official Electron First App tutorial and the Electron Quickstart repository.Įlectron has two separate processes: a main process, which is Electron itself, and a render process, which is essentially a web page that Electron loads in a Chromium-based browser. Initialize an empty Electron projectįirst, we need a vanilla Electron project. We’ll start with a basic Electron project and progressively build it into an enterprise-ready solution.
Here we will explore an opinionated approach to setting up Electron: TypeScript, React, and Webpack. We’re long-time users of Electron at SitePen and have previously talked about Setting up Electron with Dojo. It is cross-platform and is built using the same web technologies that you probably already know. If you need to build a desktop application today, Electron is an increasingly common choice.
0 kommentar(er)
