rollup简单配置

import babel from "@rollup/plugin-babel";
import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import typescript from '@rollup/plugin-typescript';
import postcss from 'rollup-plugin-postcss';
import { terser } from 'rollup-plugin-terser';
import serve from 'rollup-plugin-serve';
import html2 from 'rollup-plugin-html2';

export default {
    mode: 'development',
    input: "./src/main.ts",
    output: {
        file: "dist/bundle.cjs.js",
        format: "iife",
        name: "bundleName",
        globals: {
            lodash: "_", //全局变量去取
            jquery: '$'
        }
    },
    plugins: [
        babel({
            babelHelpers: "bundled",
            exclude: /node_modules/
        }),
        resolve(), //如何查找第三方模块
        commonjs(), //支持导出commonjs格式的模块
        typescript(),
        terser(), //开启压缩
        postcss(),
        serve({
            open:true,
            port:8080,
            contentBase:'./dist'
        }),
        html2({
            template:'./public/index.html'
        })
    ],
    external: ['lodash', 'jquery']
};