ag-grid is proud to partner with webpack


This plugin enables more fine grained control of source map generation. It is an alternative to the devtool configuration option.

new webpack.SourceMapDevToolPlugin(options)


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.
  • exclude (string|regex|array): Exclude modules that match the given value from source map generation.
  • 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. false disables the appending.
  • moduleFilenameTemplate (string): See output.devtoolModuleFilenameTemplate.
  • fallbackModuleFilenameTemplate (string): See link above.
  • module (boolean): Indicates whether loaders should generate source maps (defaults to true).
  • columns (boolean): Indicates whether column mappings should be used (defaults to true).
  • lineToLine (object): Simplify and speed up source mapping by using line to line source mappings for matched modules.**

The lineToLine object allows for the same test, include, and exclude options described above.

Setting module and/or columns to false will yield less accurate source maps but will also improve compilation performance significantly.


Exclude Vendor Maps

The following code would exclude source maps for any modules in the vendor.js bundle:

new webpack.SourceMapDevToolPlugin({
  filename: '[name]',
  exclude: ['vendor.js']

Host Source Maps Externally

Set a URL for source maps. Useful for hosting them on a host that requires authorization.

new webpack.SourceMapDevToolPlugin({
  append: "\n//# sourceMappingURL=[url]",
  filename: '[name].map',

Further Reading