大家都知道，浏览器是存在跨域限制的，处于安全性考虑，服务器ABC不可能设置为允许任何请求都可以访问，So, 我们配置前端API的代理的目的其实就是为了解决跨域问题，前端按照既定的规则配置好代理之后，就能保证开发阶段和线上部署服务的一致。 本文以配置Dva项目的代理为示例，因为D…

webpack4发布已经有一段时间了，我在实践的过程中发现，很多项目配置在webpack3下工作正常，但是升级到webpack4直接就崩了，如果想要webpack4正常工作，很多插件也需要升级到新版。下面是我使用webpack4配置的一个学习案例，包含了日常开发的常用配置项，比…

只知道Webpack怎么拼怎么用的我。。被领导委托搭建移动端项目框架。。。 “得过几天想想。。搞不好咱们自己手写一套” “好的老板。一定完成任务” 熟练的打开PowerShell，把vue脚手架搞好，把多页面跟着教程配置好。 什么意思呢？如果我在src/page下创建一个pas…

2. router 按需加载 Dll打包以后是独立存在的，只要其包含的库没有增减、升级，hash也不会变化，因此线上的dll代码不需要随着版本发布频繁更新。 App部分代码修改后，只需要编译app部分的代码，dll部分，只要包含的库没有增减、升级，就不需要重新打包。这样也大大提…

随着前端工程化的不断发展，构建工具也在不断完善。作为大前端时代的新宠，webpack渐渐成为新时代前端工程师不可或缺的构建工具，随着webpack4的不断迭代，我们享受着构建效率不断提升带来的快感，配置不断减少的舒适，也一直为重写的构建事件钩子机制煞费苦心，为插件各种不兼容心灰…

webpack本地开发时，经常会出现开发着然后打包速度很慢的情况。 可以看见每个chunk都很大 有些快达到了1M。 可以看出lodash被打包了很多次，导致加载lodash的chunk很大。 重新打包时间达到了2.592s，其中起始文件index.0a8ac.js达到了841…

项目需求制作为新的app的分享页，故需要制作多页面应用，那既然app是新的，这边我们也要更新上，经过多方考察（度娘）下，综合了一些他人的优点并结合项目实况产生了此文。 本文省去了部分初级操作。 一. webpack.base.conf.js 基本上就是一些变量的引用，简单解释一…

看了上面的对话，相信很多前端同学在写代码的时候都经历过类似的事情。 有的时候后端的接口还没有准备好数据或者接口参数没法自然获取到，我们就只能在原本返回或者传出参数的地方写上测试数据。而如果一个项目很庞大，这些测试代码就会这里留一坨那里留一块。如果忘删了，传到了测试环境被QA测出…

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…