使用rollup和babel工具集编写用于脚本标记的基于类的javascript模型

我正在es6中构建一个javascript模块，并希望对其进行传输，以便它甚至可以与浏览器中的脚本标记一起使用

假设我有两门es6课程

//test.js
课堂测试
{
构造函数（）{
this.txt=“你好，世界！”
}
} 
//game.js
从“/Test.js”导入测试；
班级游戏
{ 
构造函数（）
{ 
this.test=新测试（）；
}
sendHello（）{
console.log（this.test.txt）
}
}

然后我创建一个main.js文件作为汇总的入口点

import Game from './game.js';
const game = new Game;
export default game;

现在我想在旧浏览器中使用它。 所以我使用babel和rollup来打包这个

从“@rollup/plugin json”导入json；
从'rollup plugin terser'导入{terser}；
从“@rollup/plugin node resolve”导入解析；
从“@rollup/plugin babel”导入巴别塔；
导出默认值{
输入：“src/main.js”，
输出：[{
文件：“dist/exported.js”，
格式：“cjs”，
sourcemap:true
},
{
文件：“dist/exported.min.js”，
格式：“umd”，
sourcemap:true，
名称：'版本'，
插件：[terser（）]
}],
插件：[
json（），
resolve（），
巴别塔（{babelHelpers:'bundled'}）
]
};尝试输出选项iife而不是cjs
并将手册分配给窗口

import Game from './game.js';
const game = new Game;
window.game = game;
export default game;

    output: [{
      file: 'dist/exported.js',
      format: 'iife',
      sourcemap:true
    }