rollup处理js/ts

处理Javascript

1.安装rollup babel插件
pnpm i -D @rollup/plugin-babel

2.安装babel核心库
pnpm i -D @babel/core @babel/preset-env

3.配置插件和babel.config.js

// rollup.config.js
plugins: [
  resolve(),
  commonjs(),
  babel({
    babelHelpers: 'bundled'
  }),
  ...
]

// babel.config.js
module.exports = {
  presets: [
    [
      "@babel/preset-env",
      {
        modules: false,
        targets: {
          "chrome": "58",
          "ie": "11"
        },
        useBuiltIns: false,
        corejs: 3
      }
    ]
  ]
}

处理Typescript

安装typescript，babel的ts插件，并tsc --init生成tsconfig，注意设置noEmit为true

pnpm i -D typescript @babel/preset-typescript
或
pnpm i -D rollup-plugin-typescript2
两者可以同时使用

压缩JS代码

使用 @rollup/plugin-terser 插件