Devtool
来源:互联网 发布:ebsco外文期刊数据库 编辑:程序博客网 时间:2024/06/05 14:46
This option controls if and how Source Maps are generated.
devtool
string
false
Choose a style of source mapping to enhance the debugging process. These values can affect build and rebuild speed dramatically.
Some of these values are suited for development and some for production. For development you typically want fast Source Maps at the cost of bundle size, but for production you want separate Source Maps that are accurate.
W> There are some issues with Source Maps in Chrome. We need your help!.
For development
eval
- Each module is executed with eval()
and //@ sourceURL
. This is pretty fast. The main disadvantage is that it doesn’t display line numbers correctly since it gets mapped to transpiled code instead of the original code.
inline-source-map
- A SourceMap is added as a DataUrl to the bundle.
eval-source-map
- Each module is executed with eval()
and a SourceMap is added as a DataUrl to the eval()
. Initially it is slow, but it provides fast rebuild speed and yields real files. Line numbers are correctly mapped since it gets mapped to the original code.
cheap-module-eval-source-map
- Like eval-source-map
, each module is executed with eval()
and a SourceMap is added as a DataUrl to the eval()
. It is “cheap” because it doesn’t have column mappings, it only maps line numbers.
For production
source-map
- A full SourceMap is emitted as a separate file. It adds a reference comment to the bundle so development tools know where to find it.
hidden-source-map
- Same as source-map
, but doesn’t add a reference comment to the bundle. Useful if you only want SourceMaps to map error stack traces from error reports, but don’t want to expose your SourceMap for the browser development tools.
cheap-source-map
- A SourceMap without column-mappings ignoring loaded Source Maps.
cheap-module-source-map
- A SourceMap without column-mappings that simplifies loaded Source Maps to a single mapping per line.
nosources-source-map
- A SourceMap is created without the sourcesContent
in it. It can be used to map stack traces on the client without exposing all of the source code.
T> See output.sourceMapFilename
to customize the filenames of generated Source Maps.
?> This page needs more information to make it easier for users to choose a good option.
References
- Enabling Sourcemaps
- [webpack devtool source map](http://cheng.logdown.com/posts/2016/03/25/679045
)
- Devtool
- 安装vue-devtool工具
- Chrome Devtool学习
- chrome devtool extension debug 方法
- 【工具】Phalcon devtool 官方包
- chrome的devtool源码inspectjs
- Kibana 5.x DevTool常用命令
- 【DEVTool】 VIM/VI编辑器的使用FQA
- chrome DevTool For Improving web app performance
- Spring-boot开发之DevTool工具
- 如何使用chrome devtool调试Mobile网页?
- spring boot+ Intellj idea devtool 设置热部署
- NodeJs代码 使用 devtool 调试(通过electron)
- spring boot+ Intellj idea devtool 设置热部署
- Vue.js devtool插件安装后无法使用的解决办法
- 《微信小程序七日谈》- 第六天:小程序devtool隐藏的秘密
- webpack3最新版本配置研究(五) devtool,webpack-dev-server,CommonsChunkPlugin
- webpack3最新版本配置研究(四) devtool,webpack-dev-server,CommonsChunkPlugin
- 【video】视频编码标准汇总及比较
- 友元函数与运算符重载的结合
- Hadoop Secondarynamenode原理分析
- Why does my Authorize Attribute not work-
- Oracle数据库、实例、用户、表空间、表之间的关系
- Devtool
- android学习总结(个人理解)
- Android 仿照微信发说说,既能实现拍照,选图库,多图案上传 使用Retrofit2.0技术
- hadoop2.x下Yarn详解
- linux 笔记
- MCP2515
- 类实例化对象可以访问静态(static)方法,但是不能访问静态属性。
- Android7.0 popupwindow showAsDropDown在屏幕上方弹出解决方法
- 字符串的方法及注释