source-map-loader

source-map-loader

从现有源文件（从它们中sourceMappingURL）提取源映射。

安装

npm i -D source-map-loader

用法

Documentation: Using loaders

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

source-map-loader从所有 JavaScript 条目中提取现有 source maps 。这包括内联 source maps 以及通过URL链接的 source maps。所有 source maps 数据被传递到的 WebPack 用于处理按照由指定的所选源映射样式devtool在选项webpack.config.js。

当使用具有自己的 source maps 的第三方库时，该加载器特别有用。如果没有提取并处理webpack 包的 source maps ，浏览器可能会误解 source maps 数据。source-map-loader允许webpack保持跨库的 source maps 数据连续性，从而保持调试的简易性。

source-map-loader将从任何 JavaScript 文件中提取，包括node_modules目录中的那些文件。注意设置包含和排除规则条件以最大化捆绑性能。