Skip to content

nashaofu/electron-dev-webpack-plugin

Repository files navigation

electron-dev-webpack-plugin

A webpack plugin for electron development, When the file changes automatically restart electron main process. example: shortcut-capture

screenshot.jpg

Install

NPM

Usage

import path from 'path'
import webpack, { Configuration } from 'webpack'
import ElectronDevWebpackPlugin from './src'

const config: Configuration = {
  mode: 'development',
  entry: {
    app: './app.js'
  },
  output: {
    path: path.resolve(__dirname, '../dist'),
    filename: '[name].js'
  },
  watch: true,
  devtool: false,
  plugins: [
    new ElectronDevWebpackPlugin()
    // or
    new ElectronDevWebpackPlugin({
      port: 5858 // electron inspect port
    })
  ]
}

webpack(config, (err, stats) => {
  console.log(err)
})

Options

interface Options {
  port?: number
  title?: string
  info?: (data: string) => void
  warn?: (data: string) => void
}
  • port: electron inspect port, default 5858
new ElectronDevWebpackPlugin({
  port: 5858 // electron inspect port
})
  • title: Plugin log title, default MAIN PROCESS
new ElectronDevWebpackPlugin({
  title: 'MAIN PROCESS'
})
  • info: Functions for custom output logs
new ElectronDevWebpackPlugin({
  info: data => console.log(`INFO ${data}`)
})
  • warn: Custom function to output warnings
new ElectronDevWebpackPlugin({
  warn: data => console.warn(`WARN ${data}`)
})

Releases

No releases published

Packages

No packages published