npm i -D webpack-fork-loader

Inlined

App.js

import CProcess from 'webpack-fork-loader!./fork.js';

Config

webpack.config.js

{
  module: {
    rules: [
      {
        test: /\.fork\.js$/,
        use: { loader: 'webpack-fork-loader' }
      }
    ]
  }
}

App.js

import CProcess from './file.fork.js';

const process = new CProcess();

process.send({ a: 1 });
process.on('message', (message) => {});

|Name|Type|Default|Description| |:--:|:--:|:-----:|:----------| |name|{String}|[hash].fork.js|Set a custom name for the output script| |publicPath|{String}|null|Override the path from which fork scripts are downloaded| |evalPath|{Boolean}|null|if publicPath is treat as a static String|

name

To set a custom name for the output script, use the name parameter. The name may contain the string [hash], which will be replaced with a content dependent hash for caching purposes. When using name alone [hash] is omitted.

webpack.config.js*

{
  loader: 'webpack-fork-loader',
  options: { name: 'ForkName.[hash].js' }
}

publicPath

Overrides the path from which fork scripts are downloaded. If not specified, the same public path used for other webpack assets is used

webpack.config.js

{
  loader: 'webpack-fork-loader'
  options: { publicPath: '/scripts/fork/' }
}

evalPath

if wants to get dynamic publicPath like '__dirname', you should set evalPath = true

webpack.config.js

{
  loader: 'webpack-fork-loader'
  options: {  publicPath: '__dirname + "/"', evalPath: true }
}

License

MIT