随笔分类 - webpack
摘要：背景 MPX是滴滴出品的一款增强型小程序跨端框架，其核心是对原生小程序功能的增强。具体的使用不是本文讨论的范畴，想了解更多可以去官网了解更多。 回到正题，使用MPX开发小程序有一段时间了，该框架对不同包之间的共享资源有一套自己的构建输出策略，其官网有这样一段描述说明： 总结关键的两点： 纯js资源：
阅读全文
摘要：之前在使用webpack3构建基于less预处理的项目时，在对指定的元素使用 来设置背景图片时，本地开发是ok的，但是在项目编译产出后背景图片就找不到；目前用webpack4开发项目时，同样遇到类似的问题；所以就借此机会探讨一下产生问题的原因。 问题产生原因 webpack3项目场景复现 项目web
阅读全文
摘要：问题背景 最近做了一个webapp项目，qa用手机测试功能时，在iphone6plus上表现是白屏，其他手机目测是ok的；因为之前在测试其他项目时也发现在这个iphone6上表现与其他手机不太一样。于是当时以为这个手机出了什么问题，或者其版本过低；就不放在心上。 然而这次白屏的影响还是要加以重视，于
阅读全文
摘要：低版本浏览器引起的问题 最近开发一个基于 的项目，一般本地是在chrome浏览上面开发，chrome浏览器开发因为支持大部分新的js特性，所以一般不怎么需要polyfill， 比如Promise，string实例的includes方法等。即使在低版本浏览器中，通过 的polyfill也是可以转换的，
阅读全文
摘要：引言 使用webpack有一段时间了，对其中的热更新的大概理解是： 对某个模块做了修改，页面只做局部更新而不需要刷新整个页面来进行更新 。这样就能节省因为整个页面刷新所产生开销的时间，模块热加载加快了开发的速度。 热加载的基础是模块热替换（HMR，Hot Module Replacement）。 具
阅读全文
摘要：引言 最近在react项目中初次用到了 " " 插件，用到该插件的两个主要作用： 为html文件中引入的外部资源如 、`link`动态添加每次compile后的hash，防止引用缓存的外部文件问题 可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置 N 个 可以生成 N 个页
阅读全文
摘要：引言 最近，我们的一个后台系统要改版为基于 技术栈，切换到当下比较新的技术来实现后台系统；在项目实施过程中，选择了基于react的 组件库，为蚂蚁金服出品。使用该UI组件库，该团队推荐使用其为其配套的内部定制化的构建工具 " " 。 推荐使用 工具，因为该工具内部对 webpack 的一些基本配置内
阅读全文
