当前位置: 首页 > 后端技术 > Node.js

使用Rollup.js压缩打包Node.js-TS项目

时间:2023-04-03 16:48:09 Node.js

0.写在前面。一般情况下使用tsc将TS项目转成JS,但是因为没有使用打包工具,所以体积往往很大。本教程使用Rollup.js对tsc后的JS程序进行压缩,实现打包压缩。本教程基于使用TS开发的Node.js项目进行讲解1.安装首先安装Rollup.js官网yarnadd-Drollup安装Rollup.js插件yarnadd-D@rollup/plugin-commonjsrollup-plugin-terserrollup-plugin-Typescript2插件说明@rollup/plugin-commonjs:让rollup知道项目使用了哪些依赖。打包时不要忘记rollup-plugin-terser:压缩代码rollup-plugin-typescript2:让rollup看懂TS代码2.配置文件新建rollup.config.js文件,写好压缩打包规则//importdependenciesconst{terser}=require('rollup-plugin-terser')constcommonjs=require('@rollup/plugin-commonjs')consttypescript=require('rollup-plugin-typescript2')//tsconfig.json合并选项//一般来说,默认使用项目的tsconfig.json。如果有个别需要修改如下,可以修改constoverride={compilerOptions:{module:'ESNext'}}module.exports={//项目入口input:'src/app.ts',//packagedexportandsettingsoutput:{file:'dist/app.min.js',format:'cjs',sourcemap:true,exports:'default',},//使用的插件//注意使用的插件这里有顺序,先把ts编译成js,然后找依赖,最后Minifyplugins:[typescript({tsconfig:'./tsconfig.json',tsconfigOverride:override}),commonjs(),terser()],}3.修改package.json在package.json中加入-c表示使用配置文件运行"rollup:build":"rollup-c",4.使用rollup:buildtoyarnrollup:build5.验证导入Rollup.js之前,用tsc编译后大小为106KB。导入Rollup.js后大小为12.2KB,大大减小了体积