说起console.log调试，不用多说，那是非常的好用，开发中帮助我们解决了不少Bug。我们经常能在开发环境中看见这一坨一坨的console调试。但是生产环境是绝不对不允许出现console信

🥝序言 我们都知道， webpack 是一个打包工具。在我们对它进行配置之前，它也是经过一系列的代码编写，才生成的打包工具。那这背后，又做了

目前使用 vue 来做项目，估计大部分都是单页面（SPA）应用，一个轻型的 MVVM 框架，谁用了 MVVM 框架，就再也回不去 JQ 时代了，哈哈。 在手机端的项目，使用 vue + vue-router 是 high 到爆，不仅仅是我们开发的而言，最主要的用户体检也是开足马力，体检感杠杠的。 那问题来了，使用 vue+webpack 的单页面是爽到爆，那如果是多页面也能不能 high 到爆呢？

在http1的时代，比较常见的一种性能优化就是合并http的请求数量，通常我们会把许多js代码合并在一起，但是如果一个js包体积特别大的话对于性能提升来说就有点矫枉过正了。而如果我们对所有的代码进行合理的拆分，将首屏和非首屏的代码进行剥离，将业务代码和基础库代码进行拆分，在需要…

对于vue多页面配置，可以说cli2-cli3，是一个从0到1的过程，想起cli2的不堪回首，cli3是香的不是一丁半点；虽然cli3本身提供了pages多页面的入口配置，但是想要灵活的根据配置去适应结构，还是需要一些操作，避免后期不停的修改；本文就配合node做一个灵活配置以…

... 从下图可以看到,打包出来后最大的包有1.33M。然后再看下请求,哇,217个请求、首页下载需要3.2M。 ... 1. 优化scss配置文件的引入 我们在搭建项目的过程中经常性的会将一些scss配置文件抽离出来，例如主题色等，然后在每个需要的组件中引入。这样会显得很繁琐…

webpack-chain 是什么？通过链式的方式修改webpack的配置。 一些列出本人常用的使用webpack-chain的方式修改webpack配置. 整个文件为： 有时候需要xx插件在aa插件之前调用。 有时候需要xx插件在aa插件之后调用。 webpack4.x默认使…

史上最全面、最详细的 Babel 入门小抄。一步一步介绍babel7的最优配置、packages底下的包解析，最后通过一个简单的插件说明如何开发插件，助力工作

记录一下第一次vscode插件开发。功能：前端项目监测文件/文件夹路径变更（重命名/移动位置），并同时更新引用（tip：支持按照小驼峰，大驼峰，连字符，下划线规则批量修改）