【打包工具】rollup配置

入门：https://blog.csdn.net/qq_35081380/article/details/128166103

https://zhuanlan.zhihu.com/p/608457915

引入第三方库打包报错提示

原因：

config.js 使用了 import语句

解决方案： --bundleConfigAsCjs

或者改成用 require的方式引入第三方包

const path = require("path");
const json = require("@rollup/plugin-json");
const { babel } = require("@rollup/plugin-babel");
const commonjs = require("@rollup/plugin-commonjs")
const resolve = require("@rollup/plugin-node-resolve");
const resolveFile = function (filePath) {
    return path.join(__dirname, filePath);
};
const plugins = [
    commonjs(),
    resolve(),
    json({
        compact: true,
    }),
    babel({
        extensions: [".js", ".ts"],
        babelHelpers: "bundled",
        presets: [
            [
                "@babel/env",
                {
                    targets: {
                        browsers: ["> 1%", "last 2 versions", "not ie <= 8"],
                    },
                },
            ],
        ],
    }),
];
module.exports = [
    {
        plugins,
        input: resolveFile("../src/webEyeSDK.js"),
        output: {
            file: resolveFile("../dist/monitor.js"),
            format: "iife",
            name: "monitor",
            sourcemap: true,
        },
    },
    {
        plugins,
        input: resolveFile("../src/webEyeSDK.js"),
        output: {
            file: resolveFile("../dist/monitor.esm.js"),
            format: "esm",
            name: "monitor",
            sourcemap: true,
        },
    },
    {
        plugins,
        input: resolveFile("../src/webEyeSDK.js"),
        output: {
            file: resolveFile("../dist/monitor.cjs.js"),
            format: "cjs",
            name: "monitor",
            sourcemap: true,
        },
    },
];