前端驿站Lite

1. webpack plugin机制实现原理是怎样的。 2. 如何自定义一个plugin。 3. compiler和compilation的区别。 4. Tapable是什么？有哪些钩子？如何使用？

你想自律吗？自律对你来说困难吗？痛苦吗？相信这篇文章会让你看到希望。 这种让你无奈却又无能为力的行为，该怎么去解释呢？这个局又该怎么去破呢？

1. 为什么会有loader机制 2. loader是什么，有什么作用 3. loader的分类、执行顺序是怎样的 4. 同步、异步loader的区别 5. 如何自定义一个loader

1. 更换shell解析器 2. 修改iterm字体、主题配色方案 3.安装oh-my-zsh 4. 高亮、自动提示、快捷跳转等插件合集。打造最高效的mac终端！

BFC（Block Formatting Context）中文译为"块级格式化上下文"，简单来说，BFC就是给盒子加一个属性，让盒子变成一块独立渲染的区域，可以理解为一个箱子，箱子里面物品的摆放是不受

1. 什么是同源策略 2. 什么是 CORS 跨域资源共享 3. 什么是 OPTIONS 预检请求 4.服务端如何配置可以解决跨域问题 5.如何携带cookie进行跨域

1. webpack-dev-middleware介绍与工作原理。 2. webpack-dev-server常用配置项static、hot、proxy解读、工作原理、实现原理、如何使用。

1.前端常见工具之间的定位与联系，如webpack、rollup、vite、vue-cli等。 2.从运行原理、构建方式、HMR热更新机制、使用成本等方面逐一去分析，vite与webpack之间的差异

对于一名前端工程师，总是有学不完的前端工具。往往旧的还没用明白，新的就已经出现了。本文就来简单聊聊前端构建领域比较常用的三个工具，盛行多年的webpack、rollup以及近几年比较火的vite。