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

最新推荐文章于 2024-08-31 09:14:21 发布
最新推荐文章于 2024-08-31 09:14:21 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： 前端 疑难问题 rollup
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q411020382/article/details/120101531
版权

Rollup TypeScript 打包问题 版本兼容 依赖管理
关键词由CSDN通过智能技术生成
前端 同时被 3 个专栏收录
59 篇文章 5 订阅
订阅专栏
疑难问题
5 篇文章 0 订阅
订阅专栏
rollup
1 篇文章 0 订阅
订阅专栏

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

谭光志
关注
专栏目录
Vue.js 3.x 必修课｜003｜创建基于Vite的Vue3项目
I am rushuni.
08-01 115
最新的官方推荐方法是使用 `create-vue`，这是 Vue 官方的项目脚手架工具。 创建项目的命令和以前略有变化，本文看看如何创建基于Vite的Vue3项目
rollup打包踩坑经验
spicyboiledfish的博客
09-08 7854
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
webpack打包完成后终端命令行不退出
Davidzw99的博客
02-28 969
此时打包已经完成，但是一直卡在这里，有的项目会这样，有的不会，不知道是不是电脑的问题。在webpack中plugin配置里面。
推荐开源项目：Rollup-Plugin-TypeScript - 助力无缝集成TypeScript与Rollup
gitblog_00664的博客
08-30 878
推荐开源项目：Rollup-Plugin-TypeScript - 助力无缝集成TypeScript与Rollup 项目地址:https://gitcode.com/gh_mirrors/ro/rollup-plugin-typescript 随着JavaScript生态的飞速发展，静态类型成为提升代码质量和可维护性的重要工具。而在现代前端构建流程中，Rollup作为一款高效的模块打包工具，得到了...
typescript+rollup编译生成类库声明文件失败
追逐丶的博客
07-20 9321
问题产生： 本人使用rollup-plugin-typescript插件，集成到rollup中，试图编译一个类库。同时生成类库的声明文件.d.ts。配置了tsconfig.json，按照官档上的说明: 然而我不论怎么改路径都没有办法生成类库文件。后来咨询前端大神，其告诉我可能时插件使用错了。原先的rollup-plugin-typescript不建议使用，一定要换成rollup-plugin-t...
Rollup + TypeScript 编译类型声明文件
梓沐666的博客
04-08 3161
hello 大家好，我是 SuperYing。本文将从工具库开发者角度讲述如何编译 TypeScript 类型声明文件。 大家在使用 TS 作为开发语言，引入 JS 库的时候，经常遇到这样的报错：无法找到模块“@superying/remote-ui”的声明文件... 这是由于引用的 JS 库没有对应的类型声明文件造成的，若 @types/ 没有维护响应的类型库，则需要自己手动在 .d.ts 中声明： // 如 global.d.ts declare module '@superying/remote-u
typescript编译选项compilerOptions
qq_36711388的博客
04-01 839
1.自动编译的两种方法 •tsc ts文件 -w 能够对单个ts文件进行监视，若有修改则会自动重新编译。 • •新建一个tsconfig.json文件，然后在命令行执行tsc -w 可以对所有ts文件进行监视，若有修改则会自动重新编译。 2.tsconfig.json文件 tsconfig.json 是ts编译器的配置文件，ts编译器可以根据它的信息来对代码进行编译 释义介绍： include用来表示需要被编译的ts文件目录路径: **表示任意目录, *表示任意文件 exclude用.
必知必会打包工具tsup原理解析
Talljack 的博客园
09-28 3055
## 1. 前言 打包工具`Tsup` ，它可以快速打包 typescript 库，无需任何配置，并且基于`esbuild`进行打包，同时也可以快速生成`ts`类型，它还支持`Cli`脚手架运行，方便又高效
webpack打包工具及原理
m0_62877814的博客
02-13 2225
webpack打包工具原理及特性分析
【入门】React 17 + Vite + ECharts 实现疫情数据可视化「02 快速搭建项目」
超逸の学习技术博客
08-24 1170
入门实战系列，小白也能增加编程经验，我的开源之作。
webpack系列 —— 打包原理
热门推荐
七月
04-27 1万+
为什么要使用webpack? 如今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法: 模块化，让我们可以把复杂的程序细化为小的文件; 类似于TypeScript这种在JavaScript基础上拓展的开发语言：使我们能够实现目前版本的JavaScript不能直接使用的特性，并且之后还能能装换为JavaScript文件使浏览器可以识别； scss，less等CSS预处理器 ......... 这
Rollup TypeScript 插件使用教程
最新发布
gitblog_01191的博客
08-31 832
Rollup TypeScript 插件使用教程 rollup-plugin-typescriptThis module has moved and is now available at @rollup/plugin-typescript / https://github.com/rollup/plugins/blob/master/packages/typescript项目地址:https:...
【实战篇】最详细的Rollup打包项目教程
小陈的博客
09-22 1万+
自动将 dependencies 依赖声明为 externals支持处理外部 npm 依赖支持基于 CommonJS 模块引入支持 typescript，并导出声明文件支持 scss，并添加前缀支持自动清除调试代码打包输出文件保留原始模块结构支持按需加载rollup是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。rollup为什么是rollup而不是webpack呢？rollup的特色是ES6模块和代码，这些webpack。
页面编辑器CodeMirror的使用，以及使用时出现的问题
qq_45030980的博客
06-14 7796
官网：**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 2316
说到Rollup，大家可能并不陌生，它是一款JS的模块打包器，适合对工具库和组件进行打包，将多个模块合并成单个文件，与Webpack，Browserify等不太一样，其对更小更快的库比较友好。此外，他可以生成ESM、CommonJS、AMD 和 UMD等输出格式，并且支持TS输入，可以检查TS类型及代码
rollup配置及使用
https://www.xiaohongshu.com/user/profile/5f3543150000000001002b2e
12-26 2258
前言 业务线长期的积累产生了许许多多重复性的工具方法，业务功能模块等， 我们正好可以用 rollup 构建一个 npm 私服工具包，便于后期业务使用，减少重复性的代码编写。 项目配置 babel 引入依赖 首先运行以下命令安装babel相关： yarn add @babel/core @babel/cli @babel/preset-env -D 配置babel.config.js module.exports = { presets: [ [ "@babe
打包工具-rollup
逛街的喵啊
03-26 2867
什么是打包工具 当前前端打包工具有很多种，打包工具能够许多的事情，比如：ts编译、babel编译等。打包工具的定位是什么呢？个人理解，打包器是一个调度工具，能够组织、并调用基础工具（比如tsc、babel），完成对前端工程的编译。 实际上打包工具，打包工具并不能直接调用工具层的工具。打包器定义了自己的调用接口，通过接口层实现对工具层的调用。比如在rollup中使用plugin，webpack中使用loader rollup rollup的特性： 支持 ES6 模块 支持 tree-shake ...
typescript开发环境准备
水痕
08-27 724
一、软件的安装 1、安装软件 npm install -g typescript 二、配置tsconfig.json 1、命令行生成文件 tsc --init yes 2、附上我介绍的 { "compilerOptions": { /* 基本选项 */ "target": "es5", // 指定 ECMASc...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值