rollup + typescript 打包后无法结束的问题

最新推荐文章于 2024-05-17 09:36:54 发布
最新推荐文章于 2024-05-17 09:36:54 发布
阅读量1k 收藏
点赞数 1
分类专栏： 前端 疑难问题 rollup 文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q411020382/article/details/120101531
版权
前端 同时被 3 个专栏收录
59 篇文章 4 订阅
订阅专栏
疑难问题
5 篇文章 0 订阅
订阅专栏
rollup
1 篇文章 0 订阅
订阅专栏

最近用 rollup 和 typescript 写一个组件库，发现每次打包完成后总是不结束，程序一直卡着…
在这里插入图片描述
就和上图一样卡着不动。花了半天时间排查，发现是 @rollup/plugin-typescript 和 typescript 依赖版本的问题。因为每次下载都是用的最新的依赖版本，所以这两个 npm 包之间的兼容性不太好，最后将这两个依赖降级后（依赖版本写死，@rollup/plugin-typescript 为 8.2.1，typescript 为 4.2.4），打包就正常了，不会一直卡着不结束。

谭光志
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【实战篇】最详细的Rollup打包项目教程
小陈的博客
09-22 1万+
自动将 dependencies 依赖声明为 externals支持处理外部 npm 依赖支持基于 CommonJS 模块引入支持 typescript，并导出声明文件支持 scss，并添加前缀支持自动清除调试代码打包输出文件保留原始模块结构支持按需加载rollup是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。rollup为什么是rollup而不是webpack呢？rollup的特色是ES6模块和代码，这些webpack。
rollup打包踩坑经验
spicyboiledfish的博客
09-08 7733
import babel from 'rollup-plugin-babel'; import commonjs from '@rollup/plugin-commonjs'; import replace from 'rollup-plugin-replace'; import nodeResolve from 'rollup-plugin-node-resolve'; import { uglify } from 'rollup-plugin-uglify'; import { eslint } fr.
rollup-plugin-typescript2：具有编译器错误的Typescript汇总插件
02-06
汇总插件类型script2 带有编译器错误的Typescript汇总插件。 这是对原始rollup-plugin-typescript的重写，从此开始并借用了。 这个版本比原始版本慢一些，但是它将打印出打字稿的句法和语义诊断消息（毕竟使用打字稿的主要原因）。 安装 # with npm npm install rollup-plugin-typescript2 typescript tslib --save-dev # with yarn yarn add rollup-plugin-typescript2 typescript tslib --dev 用法 // rollup.conf
推荐开源项目：rollup-plugin-typescript2 - 让你的TypeScript构建更智能
最新发布
gitblog_00025的博客
05-17 547
推荐开源项目：rollup-plugin-typescript2 - 让你的TypeScript构建更智能 项目地址:https://gitcode.com/ezolenko/rollup-plugin-typescript2 在这个快速发展的前端开发领域中，TypeScript已经成为许多开发者信赖的强类型编程语言。而作为TypeScript和Rollup集成的关键，rollup-plugin-...
webpack打包完成后终端命令行不退出
Davidzw99的博客
02-28 797
此时打包已经完成，但是一直卡在这里，有的项目会这样，有的不会，不知道是不是电脑的问题。在webpack中plugin配置里面。
typescript+rollup编译生成类库声明文件失败
追逐丶的博客
07-20 9181
问题产生： 本人使用rollup-plugin-typescript插件，集成到rollup中，试图编译一个类库。同时生成类库的声明文件.d.ts。配置了tsconfig.json，按照官档上的说明: 然而我不论怎么改路径都没有办法生成类库文件。后来咨询前端大神，其告诉我可能时插件使用错了。原先的rollup-plugin-typescript不建议使用，一定要换成rollup-plugin-t...
Rollup + TypeScript 编译类型声明文件
梓沐666的博客
04-08 3009
hello 大家好，我是 SuperYing。本文将从工具库开发者角度讲述如何编译 TypeScript 类型声明文件。 大家在使用 TS 作为开发语言，引入 JS 库的时候，经常遇到这样的报错：无法找到模块“@superying/remote-ui”的声明文件... 这是由于引用的 JS 库没有对应的类型声明文件造成的，若 @types/ 没有维护响应的类型库，则需要自己手动在 .d.ts 中声明： // 如 global.d.ts declare module '@superying/remote-u
rollup-typescript-babel:使用Rollup和Babel生成TypeScript代码并使用TypeScript进行类型检查的样本设置
05-12
汇总TypeScript Babel 该示例存储库演示了如何使用汇总，TypeScript和Babel构建仓库npm run build仅建筑类型npm run build:types对仓库进行类型检查npm run type-check 并以--watch模式运行：npm run type-check:...
phaser-rollup-typescript-template:如何使用Rollup和TypeScript创建Phaser 4游戏的简单例子
05-04
移相器4 +汇总+ TypeScript模板此存储库包含有关如何使用Phaser 4，TypeScript和Rollup创建游戏的简单示例。入门在GitHub上，点击文件列表上方的“使用此模板”按钮。 这将在您自己的GitHub帐户下为您克隆模板。 ...
generator-rollup-typescript-scss
04-03
generator-rollup-typescript-scss 使用汇总的Typescript / SCSS应用。安装首先，使用安装和generator-rollup-typescript-scss（假设您已经预装了 ）。 npm install -g yonpm install -g generator-rollup-...
node-rollup-typescript-starter:一个简单的汇总启动器，开始使用Typescript编写Node应用程序
05-01
节点汇总打字稿启动器 一个引导您的下一个节点应用程序的简单入门。 别名 默认情况下，它在tsconfig.json包括对别名的tsconfig.json 。 默认为~/* ，因此您可以导入这样的内容 import { Logger } from '~/services/...
以Markdown为主要沟通形式的资源Frontend：Vue3.0+Pinia+Vite+TypeScript+
04-03
此外，Vite还集成了Rollup用于生产环境的打包，确保了应用的体积优化。 TypeScript是JavaScript的一个超集，它引入了静态类型系统，有助于在编码阶段发现潜在的错误和不一致。将TypeScript与Vue3.0结合使用，可以...
vue-component-library:使用Rollup，Typescript + Vue建立并运行您自己的Vue组件库的项目框架
05-01
Vue组件库 对于Vue 3 创建此项目框架是为了帮助人们开始使用以下方法创建自己的Vue组件库： （V3） 它具有以下特点： 可帮助您创建和展示组件 对您的Vue组件进行测试 发展 测验 npm run test ...
实现 rollup 实现多模块打包
09-21
本篇文章将详细讲解如何利用Rollup实现多模块打包，同时结合npm、execa以及TypeScript等技术进行深入探讨。 首先，让我们理解Rollup的核心概念。Rollup是一款模块打包器，其设计思路是"从最小单位开始，逐层构建"，...
monorepo-starter:具有TypeScript + Lerna + React + Rollup的Monorepo入门套件
05-02
首先，我们有以下项目： ├── commons├── components├── rollup├── tickets└── utils项目的依赖关系如下所示： graph TD; utils --> rollup; commons --> rollup; components --> rollup; ...
rollup-plugin-ts：一个Typescript Rollup插件，捆绑了声明并尊重Browserslists
02-01
一个TypeScript Rollup插件，捆绑了声明并尊重Browserslists 描述 这是一个汇总插件，可以在Typescript，Babel，Browserslists和汇总之间进行集成。 它首先是Typescript插件，可实现与Rollup的完全互操作性。 随之而...
手把手教你使用Rollup打包并发布自己的工具库
kagol的博客
12-05 1564
DevUI是一支兼具设计视角和工程视角的团队，服务于华为云DevCloud平台和华为内部数个中后台系统，服务于设计师和前端工程师。 官方网站：devui.design Ng组件库：ng-devui（欢迎Star） 官方交流：添加DevUI小助手（devui-official） DevUIHelper插件：DevUIHelper-LSP（欢迎Star） 前言 随着前端生态的繁荣，工具库几乎是高效开发的必需品，lodash/dayjs/numberal等实用的工具库相信大家都用过。 我近期在开发Cal.
页面编辑器CodeMirror的使用，以及使用时出现的问题
qq_45030980的博客
06-14 7293
官网：**https://codemirror.net** 使用前先下载依赖： npm install --save codemirror 编译器样式地址(theme): 效果地址: https://codemirror.net/demo/theme.html#default 引入样式地址：https://codemirror.net/theme/ <template> <div id="app"> <textarea id="text...
使用TS+rollup打造一个npm工具库
03-29 1890
说到Rollup，大家可能并不陌生，它是一款JS的模块打包器，适合对工具库和组件进行打包，将多个模块合并成单个文件，与Webpack，Browserify等不太一样，其对更小更快的库比较友好。此外，他可以生成ESM、CommonJS、AMD 和 UMD等输出格式，并且支持TS输入，可以检查TS类型及代码
rollup 打包后的文件添加注释
03-08
可以使用插件 rollup-plugin-banner 来为打包后的文件添加注释。在 rollup.config.js 中配置该插件，如下所示： ```javascript import banner from 'rollup-plugin-banner'; export default { input: 'src/index....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值