vue-cli5版本已经内置了webpack5，且很多配置都内置化了，换言之，基础打包无需在vue.config.js中配置了，大大简化了配置过程。因为主要是针对项目的优化，所以创建的过程会简略，下面

根据官方文档说明，配置的自定义主题打包出来的体积比较大，是因为里面引入了所有的样式来做到的严师傅覆盖，现在通过引入全局scss变量来覆盖element-ui的scss变量来做到自定义主题。

事情是这样的，前段时间拿到公司的数据大屏原型图让我一天内把一整个页面做出来。 简单看了看，就是一个3840 * 1840的大屏然后几个列表几个图例看起来也没有多复杂。 唰！很快啊加了一会班

背景 一个vue2的项目，打包部署后，发现首屏加载速度慢，FCP白屏时间大约需要8s左右，从输入系统地址按下回车后，就一直转啊转啊转，加载缓慢，导致用户的体验非常不好！所以今天针对这个问题来做一些性能

前言之前用vuecli做了个博客，是一个单页面项目，大概有十个路由直接npmrunbuild打包出来，有一个1M的巨大js文件先挂载到服务器上试试好家伙这加载时间仿佛过了半个世纪首屏页面整整加载了9s

使用ElementUI已经有一段时间了，在一边上手开发后台管理系统的同事，也记录了一些笔记，一直都没有时间将这些零零散散的笔记总结起

1. 什么是postcss PostCSS是一个使CSS更容易，更灵活，更快速工作的工具。PostCSS 不是 一个“真正的”预处理器。PostCSS相当于一个CSS解析器，框架或API，它允许我们使用可以完成各种任务的插件。 它本身没有任何插件，为了更改原始 CSS，我们必须…

为了更直观的体验,我这里就从头创建了一个新的项目来配置eslint等相关配置,这里就跳过项目初始化步骤 ps: 本文全篇采用pnpm来当包管理器,有些命令可能与npm 不同 ps: 如果你使用的是vs

统一代码规范是团队开发必不可少的一步，我们需要一套工具来执行和约束规范； 本文介绍了eslint+prettier+husky+lint-staged+commitlint方案的详细安装配置过程