Node Typescript打包发布

使用rollup打包typscript-node项目为第三方库 tsc和rollup对比 tsc是Typescript官方的编译器,本身也具有打包功能,但是其本质只是编译器,它适合于打包直接运行的大型项目文件,并不适合构建独立的第三方库或组件。 rollup则是javascript打包器,它可以将ES6模块打包称单个javascript文件,同时它本身也采用了Tree Shaking优化算法,能使得打包文件大小得到进一步的优化。 另一方面,rollup支持插件功能,通过设置插件能满足大部分时候的打包需求,在下面即将要讲解的打包中,插件提供了很大的帮助。RollUp插件集合网站 rollup打包流程 本地安装 rollup 就我个人而言,不推荐安装全局的rollup包,因为在协同工作时,这样会导致rollup版本得不到统一而产生打包错误,所以推荐在本地安装rollup,本文使用的包管理工具为yarn,安装命令如下: yarn add rollup 安装完毕后,在package.json文件里设置对应的脚本,用于快速启动打包。 // package.json { "scripts": { "build": "rollup -c" } } -c的意思是按照配置文件中设置的内容进行打包。 设置rollup.config.js文件 就如同tsconfig.json一样,rollup也是有一个对应的配置文件名为rollup.config.js,虽然其不是必须的,但配置文件强大且方便,所以在配置项目打包时基本都要用到配置文件。 在项目根目录创建对应的配置文件,在文件里根据自己的需求来编写对应的配置代码。 rollup.config.js是一个ES模块,它会根据文件内导出的内容来进行打包上的设置,如下所示。 // rollup.config.js export default { // 这里也可以是一个数组 input: [], output: [], external: [], plugins: [], // .... } 安装插件 需要三个插件: rollup-plugin-typescript2 => 将typescript转移为javascript的插件 rollup/plugin-commonjs => 将commonjs语法转换为es6 rollup-plugin-dts => 生成声明文件d.ts文件 执行以下的命令 yarn add @rollup/plugin-commonjs rollup-plugin-typescript2 typescript tslib rollup-plugin-dts --dev 修改配置文件 关于配置文件的各个变量配置这里不赘述,如有需求,可查阅rollup官网的配置说明。 // rollup....

May 7, 2023 · 2 min · 259 words · Runtus