async-node
Compile for usage in a Node.js-like environment (uses fs
and vm
to load chunks asynchronously)
webpack can compile for multiple environments or targets. To understand what a target
is in detail, read through the targets concept page.
target
string
function (compiler)
Instructs webpack to target a specific environment.
string
The following string values are supported via WebpackOptionsApply
:
Option | Description |
---|---|
Option Description
Compile for usage in a Node.js-like environment (uses | Compile for usage in a Node.js-like environment (uses fs and vm to load chunks asynchronously) |
Option Description
Compile for Electron for main process. | Compile for Electron for main process. |
Option Description
Compile for Electron for renderer process, providing a target using | Compile for Electron for renderer process, providing a target using JsonpTemplatePlugin , FunctionModulePlugin for browser environments and NodeTargetPlugin and ExternalsPlugin for CommonJS and Electron built-in modules. |
Option Description
Compile for Electron for renderer process, providing a target using | Compile for Electron for renderer process, providing a target using NodeTemplatePlugin with asyncChunkLoading set to true , FunctionModulePlugin for browser environments and NodeTargetPlugin and ExternalsPlugin for CommonJS and Electron built-in modules. |
Option Description
Compile for usage in a Node.js-like environment (uses Node.js | Compile for usage in a Node.js-like environment (uses Node.js require to load chunks) |
Option Description
Compile for usage in WebKit and uses JSONP for chunk loading. Allows importing of built-in Node.js modules and | Compile for usage in WebKit and uses JSONP for chunk loading. Allows importing of built-in Node.js modules and nw.gui (experimental) |
Option Description
Compile for usage in a browser-like environment (default) | Compile for usage in a browser-like environment (default) |
Option Description
Compile as WebWorker | Compile as WebWorker |
For example, when the target
is set to "electron-main"
, webpack includes multiple electron specific variables. For more information on which templates and externals are used, you can refer to webpack's source code.
function
If a function is passed, then it will be called with the compiler as a parameter. Set target
to a function
if none of the predefined targets from the list above meet your needs.
For example, if you don't want any of the plugins applied:
webpack.config.js
module.exports = {
// ...
target: () => undefined
};
Or you can apply specific plugins you want:
webpack.config.js
const webpack = require('webpack');
module.exports = {
// ...
target: (compiler) => {
new webpack.JsonpTemplatePlugin(options.output).apply(compiler);
new webpack.LoaderTargetPlugin('web').apply(compiler);
}
};