npmpackage.info

source-map-loader

extract sourceMappingURL comments from modules and offer it to webpack

5.0.0

364

MIT

JavaScript

1,166,646,135 5.9

Installations

npm install source-map-loader

Pull Requests

Open

1

Total

175

Closed

38

Merged

136

Issues

Open

4

Total

70

Closed

66

Releases

v5.0.0

Published on 15 Jan 2024

v4.0.2

Published on 27 Dec 2023

v3.0.2

Published on 21 Oct 2022

v4.0.1

Published on 07 Oct 2022

v4.0.0

Published on 13 Jun 2022

v3.0.1

Published on 03 Jan 2022

View all 22 releases

Developer

webpack-contrib

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

>= 18.12.0

Typescript Support

No

Node Version

18.19.0

NPM Version

10.2.3 Statistics

364 Stars

177 Commits

84 Forks

16 Watching

2 Branches

42 Contributors

Updated on 08 Nov 2024

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

1,166,646,135

Last day

-4.4%

1,405,460

Compared to previous day

Last week

1.6%

7,358,171

Compared to previous week

Last month

8.1%

31,009,565

Compared to previous month

Last year

9.9%

350,342,793

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

iconv-lite source-map-js

Peer Dependencies

webpack

Dev Dependencies

Versions

source-map-loader

Extracts source maps from existing source files (from their sourceMappingURL).

Getting Started

To begin, you'll need to install source-map-loader:

1npm i -D source-map-loader

1yarn add -D source-map-loader

1pnpm add -D source-map-loader

Then add the plugin to your webpack config. For example:

file.js

1import css from "file.css";

webpack.config.js

1module.exports = {
2  module: {
3    rules: [
4      {
5        test: /\.js$/,
6        enforce: "pre",
7        use: ["source-map-loader"],
8      },
9    ],
10  },
11};

The source-map-loader extracts existing source maps from all JavaScript entries. This includes both inline source maps as well as those linked via URL. All source map data is passed to webpack for processing as per a chosen source map style specified by the devtool option in webpack.config.js. This loader is especially useful when using 3rd-party libraries having their own source maps. If not extracted and processed into the source map of the webpack bundle, browsers may misinterpret source map data. source-map-loader allows webpack to maintain source map data continuity across libraries so ease of debugging is preserved. The source-map-loader will extract from any JavaScript file, including those in the node_modules directory. Be mindful in setting include and exclude rule conditions to maximize bundling performance.

And run webpack via your preferred method.

Options

Name	Type	Default	Description
`filterSourceMappingUrl`	`{Function}`	`undefined`	Allows to control `SourceMappingURL` behaviour

filterSourceMappingUrl

Type: Function Default: undefined

Allows you to specify the behavior of the loader for SourceMappingURL comment.

The function must return one of the values:

true or 'consume' - consume the source map and remove SourceMappingURL comment (default behavior)
false or 'remove' - do not consume the source map and remove SourceMappingURL comment
skip - do not consume the source map and do not remove SourceMappingURL comment

Example configuration:

webpack.config.js

1module.exports = {
2  module: {
3    rules: [
4      {
5        test: /\.js$/,
6        enforce: "pre",
7        use: [
8          {
9            loader: "source-map-loader",
10            options: {
11              filterSourceMappingUrl: (url, resourcePath) => {
12                if (/broker-source-map-url\.js$/i.test(url)) {
13                  return false;
14                }
15
16                if (/keep-source-mapping-url\.js$/i.test(resourcePath)) {
17                  return "skip";
18                }
19
20                return true;
21              },
22            },
23          },
24        ],
25      },
26    ],
27  },
28};

Examples

Ignoring Warnings

To ignore warnings, you can use the following configuration:

webpack.config.js

1module.exports = {
2  module: {
3    rules: [
4      {
5        test: /\.js$/,
6        enforce: "pre",
7        use: ["source-map-loader"],
8      },
9    ],
10  },
11  ignoreWarnings: [/Failed to parse source map/],
12};

More information about the ignoreWarnings option can be found here

Contributing

Please take a moment to read our contributing guidelines if you haven't yet done so.

CONTRIBUTING

License

MIT

No vulnerabilities found.

10

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

9

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

7

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

4

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

2

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

Score

5.9

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to source-map-loader

smart-source-map-loader

1.3.4

A Smart Source Map Loader for Webpack

scalajs-friendly-source-map-loader

0.1.5

Drop in replacement for source-map-loader that understands file:// and https:// in the scala.js output source map files.

@skoging/react-app-rewire-source-map-loader

1.0.9

Add [source-map-loader](https://github.com/webpack-contrib/source-map-loader) to a [react-app-rewired](https://github.com/timarney/react-app-rewired) config.

react-app-rewire-source-map-loader

1.0.2

Add [source-map-loader](https://github.com/webpack-contrib/source-map-loader) to a [react-app-rewired](https://github.com/timarney/react-app-rewired) config.