electron-compile compiles JS and CSS on the fly with a single call in your app's 'ready' function.
electron-prebuilt-compile instead of the
electron-prebuilt module. Tada! You did it.
electron-prebuilt-compile is like an
electron-prebuilt that Just Works with all of these languages above.
electron-compilers as a
npm install --save electron-compilenpm install --save-dev electron-compilers
Create a new file that will be the entry point of your app (perhaps changing 'main' in package.json) - you need to pass in the root directory of your application, which will vary based on your setup. The root directory is the directory that your
package.json is in.
// Assuming this file is ./src/es6-init.jsvar appRoot = path;// ...and that your main app is called ./src/main.js. This is written as if// you were going to `require` the file from here.;
From then on, you can now simply include files directly in your HTML, no need for cross-compilation:
or just require them in:
electron-compile uses the debug module, set the DEBUG environment variable to debug what electron-compile is doing:
## Debug just electron-compileDEBUG=electron-compile:* npm start## Grab everything except for Babel which is very noisyDEBUG=*,-babel npm start
If you've got a
.babelrc and that's all you want to customize, you can simply use it directly. electron-compile will respect it, even the environment-specific settings. If you want to customize other compilers, use a
.compilerc.json file. Here's an example:
.compilerc also accepts environments with the same syntax as
The opening Object is a list of MIME Types, and options passed to the compiler implementation. These parameters are documented here:
passthrough enabled, electron-compile will return your source files completely unchanged!
In this example
electron-compile comes with a wrapper around the electron-packager project,
electron-packager-compile (if you use the
electron-prebuilt-compile project, this will just be
electron-packager). Run it the same way you run
electron-packager and the compilation wire-up will be done in the background.
electron-compile comes with a command-line application to pre-create a cache for you.
Usage: electron-compile --appdir [root-app-dir] paths...Options:-a, --appdir The top-level application directory-v, --verbose Print verbose information-h, --help Show help
electron-compile on all of your application assets, even if they aren't strictly code (i.e. your static assets like PNGs). electron-compile will recursively walk the given directories.
electron-compile --appDir /path/to/my/app ./src ./static
Compilation also has its own API, check out the documentation for more information.