详解webpack打包后如何调试的方法步骤
更新时间：2018年11月07日 15:00:08 作者：渣渣辉
这篇文章主要介绍了详解webpack打包后如何调试的方法步骤,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
webpack.config.js
在配置devtool时，webpack给我们提供了四种选项
- source-map:在一个单独文件中产生一个完整且功能完全的文件。这个文件具有最好的source map,但是它会减慢打包速度；
- cheap-module-source-map:在一个单独的文件中产生一个不带列映射的map，不带列映射提高了打包速度，但是也使得浏览器开发者工具只能对应到具体的行，不能对应到具体的列（符号）,会对调试造成不便。
- eval-source-map:使用eval打包源文件模块，在同一个文件中生产干净的完整版的sourcemap，但是对打包后输出的JS文件的执行具有性能和安全的隐患。在开发阶段这是一个非常好的选项，在生产阶段则一定要不开启这个选项。
- cheap-module-eval-source-map:这是在打包文件时最快的生产source map的方法，生产的 Source map 会和打包后的JavaScript文件同行显示，没有影射列，和eval-source-map选项具有相似的缺点。
配置开发环境
module.exports = {
devtool: 'source-map',
entry:"",
output: {
}
....
}
不配置开发环境
没有webpack选项
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了JavaScript实现将文本框的值插入指定位置的方法,涉及javascript节点添加操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了javascript随机显示背景图片的方法,涉及javascript随机数的生成及页面元素的操作技巧,需要的朋友可以参考下2015-06-06
layui table 复选框跳页后再回来保持原来选中的状态示例
今天小编就为大家分享一篇layui table 复选框跳页后再回来保持原来选中的状态示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
这篇文章主要介绍了JavaScript执行模型的相关资料。帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下2020-11-11
这篇文章主要介绍了JavaScript基于SVG的图片切换效果实例代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-12-12
这篇文章主要为大家详细介绍了p5.js绘制旋转的正方形，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
这篇文章主要介绍了浅谈document.write()输出样式，十分的简单实用，有需要的小伙伴可以参考下。2015-05-05
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
一个很棒的 blog 文章，是 PPK 两年前写的，文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。2011-09-09
这篇文章主要给大家介绍了关于JavaScript中scrollTo()无效问题处理办法,scrollTo()方法将文档滚动到指定的坐标,如需使 scrollTo()方法起作用,文档必须大于屏幕,并且滚动条必须可见,需要的朋友可以参考下2024-01-01
本文主要分享了js实现九宫格拼图小游戏的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
最新评论