stylelint 配置使用 安装 stylelint 和 Standard 规范 然后再根目录创建 .stylelintrc.js 文件, 并写下以下内容 在 package.json 文件的 sc

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

webpack 中关于 splitChunks 的几个重点属性的使用场景和解析，结合 bundle analyzer 输出图来分析，快来康康吧~

vite + vue 配置 eslint/prettier vite + vue + ts 配置 eslint/prettier

前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…

本文主要介绍了利用splitChunk来分割第三方库的代码，详细介绍了chunks三个属性值的具体含义，推荐使用'all'。最后，利用cacheGroups来对单个库进行打包。

1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓