garynan

GitHub 学习 Demo。 部分 UI 的异常不应该破坏了整个应用。为了解决 React 用户的这一问题，React 16 引入了一种称为 “错误边界” 的新概念。 错误边界的作用在于捕获其子组件树 JavaScript 异常，记录错误并展示替补的自定义 React 组件。…

GitHub 学习 Demo。 摇树处理 Tree Shaking 是一项在消除 Javascript 上下文中死代码的技术。 它依赖于ES2015模块语法的静态结构，即 import 和 export。这个专业名词被 ES2015 module bundler rollup …

GitHub 学习 Demo。 Hot Module Replacement (简称 HMR) 是一个由 webpack 提供的最有用的功能之一。它允许在运行时更新所有类型的模块，而不需要完全刷新。 意思就是，部分的代码更新。而不是重新编译后刷新。 这篇文章关注的是功能的实现。…

GitHub 学习 Demo。 接下来将一些开发时的 webpack 配置。 先把 mode 属性变为 development. 当webpack捆绑您的源代码时，很难找到错误和警告到其原始位置。因为此时错误都是从 bundle.js 里抛出的，而这是一个经过编译的文件。。。 …

GitHub 学习 Demo。 我们可以看到webpack生成了print.bundle.js和app.bundle.js文件，我们也在index.html文件中指定了这些文件。 如果您在浏览器中打开index.html，则可以看到单击按钮时会发生什么。 在我们进行构建之前，您…

GitHub 学习 Demo。 对于 js 资源，基于JavaScript模块，webpack 将动态捆绑所有依赖项（创建所谓的依赖图）。 这很好，因为现在每个模块都明确声明了它的依赖关系，这样可以避免捆绑未使用的模块。 webpack 的 loader 可以给项目的静态资源带…