如何使用 webpack (sourcemap) 获得更具可读性的bundle.js?

2024-02-17

我正在尝试制作我的第一个 webpack 项目,但找不到一种方法来将数字键(代表输出bundle.js 中的模块)更改为描述性字符串,以便更容易在调试器中跟踪它。 。

我尝试过output.chunkFilename和output.sourceMapFilename但没有成功。

这就是我的 gulp 任务的样子:

gulp.task('webpack', function (done) {
webpack({
    entry: {
        app: paths.src + "/main.js",
        vendor: ['react/addons', 'lodash']
    },
    output: {
        path: paths.dist,
        filename: "bundle.js",
        sourceMapFilename: '[file].js'
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin("vendor", 'vendor.bundle.js', Infinity)
    ]
}, function onWebpackComplete(err, stats) {
    if (err) throw new gutil.PluginError("webpack", err);
    done();
});
});

有可能吗?我用错了吗?有没有更好的办法?

Thanks!


在 webpack.config.js 文件中添加exports.output.pathinfo = true

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 webpack (sourcemap) 获得更具可读性的bundle.js? 的相关文章

  • React Native 将样式设置为 State

    我想用backgroundColor of style1作为一种状态 并在函数中改变它change 我怎样才能访问style1 我的观点是调用该函数change从另一个函数 使按钮将其颜色更改为黄色 然后在一段时间后再次将其颜色更改为蓝色
  • 如何使用 JqGrid 子网格进行内联编辑?

    我知道如何使用主网格进行内联编辑 但是有没有办法对子网格进行内联编辑 这是我的 JS 文件 function var lastsel list jqGrid url example php postData q 1 datatype jso
  • 这个特定的 ReactJs 代码是如何执行的初学者问题?

    我是初学者 正在阅读大量代码 现在我想知道下面的代码我明白这段代码在做什么 我需要澄清的是代码流程 当我运行它时 我看到图像正在加载 React 是从上到下执行代码吗 占位符图像异步获得正确的图像 但会App如果需要时间 组件会开始渲染但没
  • 对 JavaScript 中的 while 循环感到困惑

    我可能在这里有点厚重 但请回答我这个问题 考虑以下代码 a 1 while a lt 6 console log a a 如果我运行这个 我会在控制台中得到从 1 到 6 的值 然后是另一个 6 现在看看这个 a 1 while a lt
  • angular.copy() 和 JSON.parse(JSON.stringify()) 之间的区别?

    有人可以解释 angular copy 和 JSON parse JSON stringify 之间的区别吗 有吗 您会推荐使用什么 angular fromJson angular toJson 与 JSON parse JSON str
  • Chart.js 没有显示在我的视图中

    我有一个使用 angular js 运行的应用程序 我的视图之一应该加载图表 我正在使用 Chart js 但由于某种原因它不起作用 并且我的控制台上没有显示错误 这是我创建图表的函数 scope writeBatteryChart fun
  • 在 AngularJS 中覆盖运行时的依赖关系

    我有一个服务叫 doggedHttp 它公开了与 http 现在我想创建一个 doggedResource服务是有角度的 resource服务之上 doggedHttp代替 http 换句话说我想注入 doggedHttp as the h
  • GeoJSON 要素坐标未显示在 OpenLayers 地图上

    我正在尝试显示一个GeoJSON地图上的多边形 我使用了 OpenLayers 提供的示例以及以下数据 但仅显示第二个多边形 var geojsonObject type FeatureCollection crs type name fe
  • 向 FTP 服务器执行跨域 XMLHTTPREQUEST 的语法是什么?

    我有一个 webDav CORS 插件 可以使用它在 webDav 服务器上 POST PUT GET REMOVE ALLDOCS 文件 我现在想对 FTP 做同样的事情 但我正在努力获取xmlhttprequest 工作语法 我只是收到
  • Backbone-relational 无法实例化两个 RelationalModel 对象

    我正在尝试实现 BackboneRelational 并不断获得 无法实例化多个 Backbone RelationalModel 每种类型都有相同的 ID class App Models User extends Backbone Re
  • 日期时间的自定义 JavaScriptConverter?

    我有一个对象 它有一个 DateTime 属性 我想通过 AJAX JSON 将该对象从 ashx 处理程序传递回网页 我不想使用第 3 方控件 当我这样做时 new JavaScriptSerializer Serialize DateT
  • 如何在流程图中间隔刻度线?

    我下面有一个流程图 您将看到标签被压缩 我想使刻度之间的宽度确保显示所有标签 标记如下 div div class graph info a href span span a a href class active span span a
  • 反转二进制网络

    如何反转二元方程 以便找到哪些输入将产生给定的输出 Example Inputs i0 through i8 Outputs o0 through o8 Operators XOR AND 二元方程 1 i0 1 i1 0 i2 1 i3
  • 单击窗口后才检测到 keydown

    在我的 Web 应用程序中 我有一个用于打开菜单的键的事件侦听器 仅当我单击页面上的任意位置后 此功能才可以正常工作 我尝试将焦点添加到窗口加载 但这仍然不会让 keydown 函数运行 直到我单击页面上的某个位置之后 有谁知道这是否可能
  • 为什么严格模式下不允许使用八进制数字文字(解决方法是什么?)

    为什么八进制数字文字不允许JavaScript 严格模式 https developer mozilla org en docs Web JavaScript Reference Strict mode 有什么害处呢 use strict
  • 将 javascript 变量发送到服务器端 ASP .NET

    我需要在回发时将 JavaScript 数据传递到服务器端 Exvar jsVariableToPass new Object jsVariableToPass key1 value1 jsVariableToPass key2 value
  • 如何在变量名中使用变量

    所以我正在使用这样的 json 变量 opponentInvData item1 它包含项目 1 到 6 我需要动态访问不同的项目并将它们设置为空 itemNum 是我需要访问的特定项目 我正在尝试使用 eval 函数 var itemNu
  • JavaScript 右移负数

    这是片段 var i 101 console log 101 i toString 2 console log 101 gt gt 1 i gt gt 1 toString 2 var l 101 console log 101 l toS
  • 如何在odoo中重写js函数

    我想加载 shop checkout url 函数是 odoo define change info order website sale change info order function require use strict oe w
  • 将元素添加到 D3 圆包节点

    我正在尝试制作一个可缩放的圆形包装图 我希望每个子圆圈包含一个较小的图表 该图表始终具有相同的结构 即 4 列 只有条形的高度会改变 我尝试添加一个简单的rect到目前为止我的图表 但矩形没有添加到圆圈中并且是静态的 JS var marg

随机推荐

  • 是什么原因导致 VoiceOver 宣布空组?

    我们有以下 简化的 HTML 真正的 HTML 有点复杂 但是listitem元素是exactly如下面的代码片段所示 div div Foo div div Bar div div Baz div div 当用户向下浏览列表时 Voice
  • 如何在 Swift 中的 UITableViewCell 上添加带有单击事件的按钮?

    在我的主页中 我为 UITableViewCell 创建了一个 xib 文件 我正在从该 xib 文件加载单元格 并且它工作正常 单元格内部有一些标签和按钮 我的目标是通过单击单元格上的按钮来更改标签 我的代码喜欢下面 import UIK
  • android studio 的最低硬件要求?

    我的系统配置 Intel Pentiunm 双核 1 3GHz 2GB RAM 我已经安装了 Android Studio 但它很慢 我是 Android 开发的新手 将 RAM 升级到 4GB 有帮助吗 我有一台具有以下配置的笔记本电脑
  • 是否存在逆向“成员”?红宝石中的方法?

    我经常发现自己在检查某个值是否属于某个集合 据我了解 人们通常使用Enumerable member 为了这 end index member word 1 3 2 然而 这感觉比 Ruby 中的大多数东西不太优雅 我宁愿把这段代码写成 e
  • 由于“CALayer 边界包含 NaN:[nan 0; nan 15.1]”而发生崩溃

    我遇到以下崩溃 CALayerInvalidGeometry CALayerInvalidGeometry CALayer bounds contains NaN nan 0 nan 15 1 这段代码的最后一行 CGRect bounds
  • 使用 numpy 进行元素“in”的 Pythonic 且有效的方法

    我正在寻找一种有效获取布尔数组的方法 其中给定两个大小相等的数组a and b 如果对应的元素为真 则每个元素为真a出现in的对应元素b 例如 以下程序 a numpy array 1 2 3 4 b numpy array 1 2 13
  • ESB MULE 将参数传递给 java 方法

    我使用MULE版本3 3 0 CE 我想从入站标头获取一些值 然后将其传递给java方法 在java方法中对传递的值进行一些更改 最后我再次将其从java方法传递到出站 而不是将 Java bean 绑定到 Mule API 使用Calla
  • 使用 HornetQ 强制消息顺序

    我已经设置了一个 jms 服务器 其中 HornetQ 作为 JMS 提供者 队列 我有一个应用程序充当生产者 另一个应用程序 不同的计算机 充当消费者 我知道 JMS 规范不保证传递的顺序 但我正在寻找一种方法来做到这一点 接收消息exa
  • 如何使用 Python 函数将多个值添加到键中

    class my dict dict init function def init self self dict Function to add key value def add self key value self key value
  • Java 的算术精度更高

    我正在用 Java 构建一个 Web 应用程序 它可以进行数学运算并向用户显示步骤 当使用小数进行基本算术时 我经常会得到准确输出的混乱结果 这是我的问题 double a 0 15 double b 0 01 System out pri
  • 了解 C++ 成员函数模板特化

    我有以下课程 pragma once include
  • 快速访问照片库

    我想在我的应用程序中访问用户照片库中的照片 并且我正在查看 UIImagePickerController 来执行此操作 但是 我想知道是否可以访问和查看照片库中的照片而不实际将这些照片存储在应用程序中 因此基本上该应用程序将存储对所选照片
  • 为什么浏览器会针对不受信任的 SSL 证书显示难看的错误?

    当面对不受信任的证书时 我所知道的每个浏览器都会显示如下的严重错误 Why就是它 这极大地阻碍了 Web 开发人员使用 SSL 这样出色的技术 因为他们担心用户会发现该网站非常可疑 非法 即网络钓鱼 站点在 HTTP 上运行良好 因此不必担
  • 防止 HashMap/HashTable 中出现重复的 对的 Java 代码

    我有一个 HashMap 如下 假设它有 10 0000 个元素 HashMap
  • XDocument 之上的 ViewModel

    我正在开发一个 WPF 应用程序 它有一个表示 XML 的树视图 我将 XML 加载到 XDocument 然后将 TreeView 绑定到该对象 现在使用MVVM模式 http blogs msdn com johngossman arc
  • HTML5视频,如何检测没有音轨?

    我正在制作一个 chrome 应用程序 我希望有用于视频播放的自定义控件 但我在使用静音按钮时遇到了一些困难 应用程序中播放的大多数视频都是无声的 因此我希望能够在没有音轨时禁用该按钮 就像 Chrome 的默认控件一样 尝试使用音量值 但
  • 如何修复 Visual Studio 生成的 Web 引用代理来处理锯齿状数组?

    Visual Studio 用于生成 Web 服务代理的工具 wsdl exe 中似乎存在一个已知错误 对于某些 XSD 架构 该工具将生成无法从 XML 反序列化的类 就我而言 这是不可接受的 但我不知道如何解决它 我将详细描述我的情况
  • 通过 user_link 打开用户 Facebook 页面时出现问题

    我正进入 状态this https i stack imgur com HZogY jpg尝试打开用户的 facebook 页面时出现错误消息 奇怪的是 如果我与该用户有共同的朋友 则页面加载没有问题 但我不认为这是默认行为 否则我无法理解
  • 将特定单页另存为 .csv

    我有一个与这篇文章非常相似的问题 将单个 Excel 工作表另存为 CSV https stackoverflow com questions 7331624 save individual excel sheets as csv 7332
  • 如何使用 webpack (sourcemap) 获得更具可读性的bundle.js?

    我正在尝试制作我的第一个 webpack 项目 但找不到一种方法来将数字键 代表输出bundle js 中的模块 更改为描述性字符串 以便更容易在调试器中跟踪它 我尝试过output chunkFilename和output sourceM