rollup集成typescript

相关博客：https://juejin.cn/post/7181267667465502776

配置

确保有如下全局依赖

npm install rollup -g

npm install typescript -g

进入项目文件夹，初始化项目

# 初始化项目
npm init -y

# 初始化ts配置文件 tsconfig.json
tsc --init

添加依赖

npm install rollup -D

npm install typescript -D

npm install rollup-plugin-typescript2 -D

处理配置文件

rollup.config.js，也可以开启sourcemap

import path from 'path'
import ts from 'rollup-plugin-typescript2'
export default {
  input: './src/index.ts', //入口

  output: { //出口
    file: path.resolve(__dirname, './dist/index.js'),
    //以script方式引入
    format: 'umd',
    sourcemap: true
  },

  //插件
  plugins: [
    //ts插件让rollup读取ts文件
    ts()
  ]
}

修改 tsconfig.json 中 "module": "es6"

只需要构建的话，在 package.json 中添加 "build": "rollup -c"

还需要运行的话，在 package.json 中添加 "dev": "rollup -c -w"

配置代码压缩

添加依赖

npm install rollup-plugin-terser -D

处理rollup配置文件

rollup.config.js

import path from 'path'
import ts from 'rollup-plugin-typescript2'
import { terser } from 'rollup-plugin-terser'
export default {
    input: './src/index.ts', //入口

    output: { //出口
        file: path.resolve(__dirname, './dist/index.js'),
        //以script方式引入
        format: 'umd'
    },

    //插件
    plugins: [
        //ts插件让rollup读取ts文件
        ts(),
        terser(), //代码压缩
    ]
}