全网最详细的从0到1的turbo pnpm monorepo的前端工程化项目[组件篇三]

置顶禅思院

于 2024-03-06 18:36:19 发布

阅读量536

点赞数 4

CC 4.0 BY-SA版权

分类专栏：前端工程化文章标签：前端工程化 vue3组件库 rollup rollup-plugin rollup打包vue3 vue3.js 组件化

本文链接：https://blog.csdn.net/alnorthword/article/details/136174723

前端工程化专栏收录该内容

14 篇文章 ¥89.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了如何在turbo pnpm monorepo项目中，从0到1构建一个基于vue3和rollup的前端组件库。涵盖了rollup配置、自定义插件编写、打包指令的实现。通过组件查找、合并，最终完成组件库的编译，为后续组件测试打下基础。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

全网最详细的从0到1的turbo pnpm monorepo的前端工程化项目[组件篇三]

前言
安装
配置rollup
编写指令
结语

前言

接上文的全网最详细的从0到1的turbo pnpm monorepo的前端工程化项目[组件篇二]，进行详细编写rollup打包脚本，本次编写在ui/scripts文件夹下

安装

相关用的插件都在上文的**全网最详细的从0到1的turbo pnpm monorepo的前端工程化项目[组件篇二]**都已经介绍啦，现在主要上文用的到插件安装到依赖里

$ pnpm add -D @babel/core @babel/preset-env @rollup/plugin-typescript @rollup/plugin-babel @rollup/plugin-terser execa fs-extra less ora rimraf rollup-plugin-esbuild rollup-plugin-postcss rollup-plugin-vue rollup slash vue-tsc

了解本专栏

超级会员免费看