xgqfrms/app.js

## app.js
// import { autoReport, manualReport, } from "./index.js";
import Metrics, { autoReport, manualReport, } from "./index.js";

if(autoReport && manualReport) {
  console.log(`app ✅`);
  autoReport();
  manualReport();
  console.log(`Metrics ✅`);
  Metrics.autoReport();
  Metrics.manualReport();
} else {
  console.log(`app ❌`);
}

## index.html
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="author" content="xgqfrms">
    <meta name="generator" content="VS code">
    <title>ESM export modules demos</title>
</head>
<body>
    <header>
        <h1>ESM export modules demos</h1>
    </header>
    <main>
        <section>
            <a href="https://feiqa.xgqfrms.xyz/index.html"></a>
        </section>
        <article></article>
    </main>
    <footer>
        <p>copyright&copy; xgqfrms 2022</p>
    </footer>
    <script src="./app.js" type="module"></script>
</body>
</html>

## index.js
const autoReport = () => console.log(`autoReport`);
const manualReport = () => console.log(`manualReport`);

const Metrics = {
  autoReport,
  manualReport,
};

export {
  autoReport,
  manualReport,
};

// export default Metrics;
export default {
  ...Metrics
};
	// import { autoReport, manualReport, } from "./index.js";
	import Metrics, { autoReport, manualReport, } from "./index.js";

	if(autoReport && manualReport) {
	console.log(`app ✅`);
	autoReport();
	manualReport();
	console.log(`Metrics ✅`);
	Metrics.autoReport();
	Metrics.manualReport();
	} else {
	console.log(`app ❌`);
	}
	<!DOCTYPE html>
	<html lang="zh-Hans">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="author" content="xgqfrms">
	<meta name="generator" content="VS code">
	<title>ESM export modules demos</title>
	</head>
	<body>
	<header>
	<h1>ESM export modules demos</h1>
	</header>
	<main>
	<section>
	<a href="https://feiqa.xgqfrms.xyz/index.html"></a>
	</section>
	<article></article>
	</main>
	<footer>
	<p>copyright© xgqfrms 2022</p>
	</footer>
	<script src="./app.js" type="module"></script>
	</body>
	</html>
	const autoReport = () => console.log(`autoReport`);
	const manualReport = () => console.log(`manualReport`);

	const Metrics = {
	autoReport,
	manualReport,
	};

	export {
	autoReport,
	manualReport,
	};

	// export default Metrics;
	export default {
	...Metrics
	};