mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-11-06 05:09:20 +08:00
Tim van der Lippe
455069ae90
This will be used to load sourcemap files for TypeScript unittests. R=aerotwist@chromium.org,jacktfranklin@chromium.org DISABLE_THIRD_PARTY_CHECK=Add node_module Bug: 1061125 Change-Id: I13cfdbe078402b02563e7843595016a14bf93617 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2105436 Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Reviewed-by: Paul Lewis <aerotwist@chromium.org> Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
56 lines
1.4 KiB
Markdown
56 lines
1.4 KiB
Markdown
# karma-sourcemap-loader
|
|
|
|
> Preprocessor that locates and loads existing source maps.
|
|
|
|
## Why
|
|
|
|
When you use karma not in isolation but as part of a build process (e.g. using grunt
|
|
or gulp) it is often the case that the compilation/transpilation is done on a previous
|
|
step of the process and not handled by karma preprocessors. In these cases source maps
|
|
don't get loaded by karma and you lose the advantages of having them.
|
|
|
|
## How it works
|
|
|
|
This plug-in supports both inline and external source maps.
|
|
|
|
Inline source maps are located by searching "sourceMappingURL=" inside the javascript
|
|
file, both plain text and base64-encoded maps are supported.
|
|
|
|
External source maps are located by appending ".map" to the javascript file name.
|
|
So if for example you have Hello.js, the preprocessor will try to load source map from
|
|
Hello.js.map.
|
|
|
|
## Installation
|
|
|
|
Just write `karma-sourcemap-loader` as a devDependency in your `package.json`.
|
|
```json
|
|
{
|
|
"devDependencies": {
|
|
"karma-sourcemap-loader": "~0.2"
|
|
}
|
|
}
|
|
```
|
|
|
|
Or just issue the following command:
|
|
```bash
|
|
npm install karma-sourcemap-loader --save-dev
|
|
```
|
|
|
|
## Configuration
|
|
|
|
The code below shows a sample configuration of the preprocessor.
|
|
```js
|
|
// karma.conf.js
|
|
module.exports = function(config) {
|
|
config.set({
|
|
preprocessors: {
|
|
'**/*.js': ['sourcemap']
|
|
}
|
|
});
|
|
};
|
|
```
|
|
|
|
## Credits
|
|
|
|
Thanks to @goldibex for adding inline source maps support.
|