一、前言
任何应用都会因为各种意外或者疏忽，出现各种bug，虽然经历过大量测试，但是依然无法覆盖全部的情况，用户也不会按照我们的预期方式进行操作，所以在上线后的错误收集就变得非常重要。
2024年10月15日
任何应用都会因为各种意外或者疏忽，出现各种bug，虽然经历过大量测试，但是依然无法覆盖全部的情况，用户也不会按照我们的预期方式进行操作，所以在上线后的错误收集就变得非常重要。
2024年10月15日
作者：maomin9761来源：前端历劫之路
本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
2024年10月15日
运行的代码是经过 webpack 编译后，所有 css 和 js 合并成了一个文件，并且多了其他代码。此时如果代码运行出错，那么提示代码错误位置我们是看不懂的。一旦将来开发代码文件很多，那么很难去发现错误出现在哪里。
2024年10月15日
用过 webpack 的都知道，webpack 的 sourcemap 配置是比较麻烦的，比如这两个配置的区别：
eval-nosources-cheap-module-source-map
hidden-module-source-map
是不是分不清楚？
其实它是有规律的。
你把配置写错的时候，webpack 会提示你一个正则：
2024年10月15日
本文摘要：配置 Webpack Dev Server 可以解决本地开发前端应用时，手动执行 webpack 命令或 yarn build 命令，再去浏览器中访问 dist/index.html 的麻烦耗时操作，可有效简化流程。本文实战演练配置 Webpack Dev Server 的方法与步骤。
2024年10月15日
在我们在进行移动端开发时经常会碰到页面错误无法定位的问题，特别是在APP中。因为移动端的开发无法像 pc 端开发一样使用 Chrome 的开发者调试工具，所以调试移动端需要一些额外的技巧。下面小邹为大家介绍几种方法，希望能帮助大家：
远程调试就是通过 USB 连接、端口转发、搭建代理等方式，将一个设备的 web 页面映射到另一个设备上，比如将手机的 webview 映射到 pc 上，达到调试的目的。
2024年10月15日
可以使用webpack-dev-server快速开发应用程序。webpack-dev-server 为webpack开发环境提供了一个简单的 web server的开发服务器。其仅适用于开发环境。其提供了实时重载环境的功能。
其在内部使用了webpack-dev-middleware，它提供了对webpack资产内容的内存快速访问。
webpack-dev-server 在编译之后不会产生任何输出文件。而是将webpack输出的 bundle 文件保留在内存中，并将它们当作挂载在服务器根路径上的真实文件来提供服务。如果希望在你不同页面上路径中找到 bundle 文件，则可以通过修改dev server 配置中的 publicPath 选项来完成。