摘要: sourceMap 实际应用开发过程中大部分时间都是处于开发模式中,其中需要频繁的修改代码、调试和打包。 但是打包后的代码多个模块压缩到了一个bundle文件,如果出现警告或者异常很难定位到具体模块和位置,所以webpack提供了source map的配置 , 该配置可选且具有多个配置项 ,具体包含 阅读全文
posted @ 2019-09-29 02:45 App_z 阅读(622) 评论(0) 推荐(0) 编辑
摘要: React.lazy 这个函数需要动态调用 。它必须返回一个 Promise ,该 Promise 需要 resolve 一个 的 React 组件。 然后应在 组件中渲染 lazy 组件,如此使得我们可以使用在等待加载 lazy 组件时做优雅降级(如 loading 指示器等)。 比如: Reac 阅读全文
posted @ 2019-09-25 02:42 App_z 阅读(688) 评论(0) 推荐(0) 编辑
摘要: 介绍 Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。 根据 "MDN文档" 方法返回的是一个 "DOMRect对象" DOMRect 对象包含了一组用于描述边框的只读属性left、top、right、bottom、x、y以及width、heig 阅读全文
posted @ 2019-09-22 19:11 App_z 阅读(5945) 评论(0) 推荐(1) 编辑
摘要: "在一个简单的webpack.config.js" 中,构建了一个基础的webpack.config.js文件,但是只支持js模块的打包。 本篇中添加对css和img的模块化支持 首先需要安装三个个loader css loader , style loader , file loader css 阅读全文
posted @ 2019-09-21 18:24 App_z 阅读(393) 评论(0) 推荐(0) 编辑
摘要: 本文基于webpack4.X,使用的包管理工具是yarn 概念相关就不搬运了,直接开始 首先项目初始化 在项目中安装webpack和webpack cli (webpack4.X需要) 紧接着在项目中创建三个文件 ,`dist/index.html webpack.config.js`, webpa 阅读全文
posted @ 2019-09-21 02:53 App_z 阅读(2177) 评论(0) 推荐(0) 编辑