EvalSourceMapDevToolPlugin

    The following options are supported:

    • test (string|regex|array): Include source maps for modules based on their extension (defaults to .js and .css).
    • include (string|regex|array): Include source maps for module paths that match the given value.
    • filename (string): Defines the output filename of the SourceMap (will be inlined if no value is provided).
    • append (string): Appends the given value to the original asset. Usually the #sourceMappingURL comment. [url] is replaced with a URL to the source map file. disables the appending.
    • moduleFilenameTemplate (string): See output.devtoolModuleFilenameTemplate.
    • sourceURLTemplate: Define the sourceURL default: webpack-internal:///${module.identifier}
    • module (boolean): Indicates whether loaders should generate source maps (defaults to true).
    • columns (boolean): Indicates whether column mappings should be used (defaults to true).
    • protocol (string): Allows user to override default protocol (webpack-internal://)

    Examples

    The following examples demonstrate some common use cases for this plugin.

    You can use the following code to replace the configuration option devtool: eval-source-map with an equivalent custom plugin configuration:

    1. module.exports = {
    2.   // ...
    3.   plugins: [
    4.     new webpack.EvalSourceMapDevToolPlugin({})
    5.   ]
    6. };

    Set a URL for source maps. Useful for avoiding cross-origin issues such as:

    1. A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://fb.me/react-crossorigin-error for more information.

    The option can be set to a function:

    1. new webpack.EvalSourceMapDevToolPlugin({
    3. });

    johnnyreilly johnnyreilly madhavarshney madhavarshney