首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端工具链三流秘籍
JustHappy
创建于2024-10-04
订阅专栏
做最简单的工具链介绍,本专栏收录了本人接触过的前端工具链相关内容,包含提升开发效率和开发体验的各种小工具、前端工程化相关、Vue生态相关,连载中.....
等 9 人订阅
共14篇文章
创建于2024-10-04
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
「工具链🛠️」Webpack、Vite、Rollup、Rspack我***到底怎么选?(为啥前端构建工具会分化成这样!)
打包工具那么多,究竟该选哪一个?Webpack 真的过时了吗?Vite 是不是无脑最优解?如果你也有这些疑问,那就一起来看看这篇文章吧!......
「工具链🛠️」package-lock.json? yarn.lock? pnpm-lock.yaml?这些文件存在的意义是什么?
lock文件锁了啥? package-lock.json、yarn.lock 和 pnpm-lock.yaml 这些文件都是包管理工具生成的锁定文件,它们的主要作用是确保项目依赖的版本一致性,避免..
「工具链🛠️」你真的愿意因为Cursor而放弃VScode吗?或许这样配置会更爽!🤖🤖
VScode已经是一款深度集成AI的编辑器啦!牛夫人又变小甜甜啦!copilot免费,加上各种免费的大模型AI辅助编程! 我丢不掉的VScode📒📒
「工具链🛠️」编程外挂!插件系统🗜️🗜️(切图仔的插件杂谈)🔌🔌
最开始学习前端的时候是干了啥?我想大多数朋友是在VScode上安装了几个插件,像Live Server、ESlint之类的,所以想必大家对插件并不陌生,所以我们前端生涯中都会遇到什么样的插件呢....
「工具链🛠️」Rollup是什么?卷起来!🌮🌮(简单用例带你上手现代 JavaScript 打包工具)
今天我们来聊聊 Rollup和webpack不同,这是一款专注于优化打包效率和代码体积的工具。你可能熟悉 Webpack 或 Vite,但 Rollup 也一直在前端打包工具也一直在前端打包工具...
「工具链🛠️」CSS工程化听过没?什么是“后处理器”,来看看PostCSS吧!🚢🚢
如果你使用过Tailwind CSS或者UnoCSS,那么你一定配置过PostCSS,但你真的了解PostCSS吗?我想大多数人和我一样,都是跟着tailwind文档之类的配置......
「工具链🛠️」你难道只觉得cnpm只是npm国内镜像吗?cnpm竟然也可以解决“幽灵依赖”!🤡🤡
Hi!这里是JustHappy的技术博客,前几天在扒pnpm实现原理的时候偶然发现!我们的cnpm既然也采用了非扁平化的node_modules结构,这意味着cnpm已经不是从前单纯的npm镜像...
「工具链🛠️」”幽灵杀手“pnpm是怎么做到“又快又省又稳”👻👻(扒一扒pnpm实现原理)
Hi! 这里是刚吃完鲜虾鱼板面的JustHappy,上一次我们聊了聊主流的npm软件包下载器,其中pnpm似乎是目前各方面最屌的一个,所以这次我们来深扒一下pnpm的实现原理......
「工具链🛠️」npm ? Yarn ? pnpm ? cnpm ? bun ? 我***到底要用哪个? 💢💢(聊一聊软件包下载器)
pnpm这些软件包管理的东西该如何选择?看心情吗?还是看天气?或许这篇文章可以解决我们的疑惑,npm是Node.js默认的包管理工具,拥有广泛的......
「工具链🔧」带你玩转黑框框的Yargs🏴☠️🏴☠️(Yargs包教会指南)
🏴☠️我们来看看这个Yargs有多出名吧👨🏻💻 可以看到截止本文撰写Yargs已有两年多没有发布新的版本了,但npm依旧保持在一亿多的下载量,足以见这个开源项目的优秀..
「工具链🔧」推荐一个超好用的Node版本管理软件🌲🌲(使用nvm-desktop管理项目node版本)
Node Version Manager Desktop 🚀🚀 这是一个桌面端Node.js版本管理器,nvm-desktop支持几乎所有的Node版本下载,单独项目的Node版本自动管理....
「工具链🔧」从你的第一个npm包开始🚀🚀(手把手带你发布属于自己的npm包)
Hi,这里是JustHappy。相信大家写了那么多页面都写烦了吧。这次让我们来写一个最最简单的npm包并发布吧!! 首先要注册一个npm账号 可以直接点 ➡️ 这里 ⬅️ 去官网,注册一个属于自己的n
「工具链🔧」webpack从原生项目开始📦📦(手把手带你从原生构建最简单的webpack项目)
Hi,这里是JustHappy,相信很多这几年接触前端的同学和我一样学完HTML、CSS、JavaScript就开始了Vue的学习,但是webpack......
「工具链🔧」不用脚手架你还能开发Vue吗🛫🛫(手把手带你在webpack项目中引入Vue3)
这篇文章将带您改造一个集成webpack的原生项目,参考本人之前做过的一些老项目升级Vue的经验,力求最简单,如有错误,欢迎评论区指正 此篇项目的源码已开源 ➡️ 点我去 老规矩,我们还是从官网开始