1. Sourcemap Loader

从现有源文件中提取源映射 (从它们的 sourceMappingURL).

1.1. 安装

npm i -D source-map-loader

1.2. 用法

文档: 使用 loader

1.2.1. 示例 webpack 配置

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        use: ["source-map-loader"],
        enforce: "pre"
      }
    ]
  }
};

source-map-loader从所有的 JavaScript 入口中提取现有的源映射。这包括内联源映射和通过URL链接的内容。所有的源映射数据都被传递给webpack，以作为在webpack.config.js中由 devtool 选项指定的每一个选择的源映射样式进行处理。

当使用的第三方库拥有自己的源映射时，这个 loader 特别有用。如果不提取和处理 webpack bundle 的源映射，浏览器可能会曲解源映射数据。source-map-loader 允许 webpack 在整个库中维护源映射数据的连续性，因此依然易于进行调试。

source-map-loader从任何 JavaScript 文件中进行提取，包括 node_modules 目录中的那些文件。注意设置

和 exclude规则条件，以最大化打包性能。

1.3. 维护者

Juho Vepsäläinen

Joshua Wiens

Kees Kluskens

Sean Larkin