微信小程序拿出来的.js文件怎么在普通浏览器使用

例如这样的代码

var app = {
    name:'app',
    version:'1.0.0',
    sayName:function(name) {
       console.log(this.name);
    }
}

module.exports = app;

module.exports = app;

有什么比较简单的方法翻译成正常的代码运行

var app = {
    name:'app',
    version:'1.0.0',
    sayName:function(name) {
       console.log(this.name);
    }
}
 
export app //export default app

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LEAFLET</title>
</head>
<body>
    <div id="app">ap</div>
    <script src="./index.js" type="module"></script>
    <script src="./indexs.js" type="module"></script>
</body>
</html>

index.js

var app = {
    name:'app',
    version:'1.0.0',
    sayName:function(name) {
       console.log(this.name);
    }
}
 
export default app;
export var e = '123'

indexs.js


import app,{e} from './index.js'
console.log(app.name)

console.log(e)

先解释下为什么module.exports不能用，这个是node规范，浏览器无法使用。
之所以加引入的时候加type=module，是因为import无法在浏览器中直接使用。