babel plugin that generate fallback case <script type="module" src=".." main="..". />

Suggestion

in:

<!doctype html>
<meta charset=utf-8>
<script type="module" src="main.js"></script>

out (compiled code):

<!doctype html>
<meta charset=utf-8>
<script type="module" src="modules-bootstrap.js" main="dist-esm/main.js"></script>
<script defer src="modules-bootstrap.js" main="dist-system/main.js" systemjs="/node_modules/systemjs/dist/system-production.js"></script>

.babelrc

{
        plugins: [
            ['app-decorators-script-module', {
                "pattern": [
                        'src/to/some.html',
                        'src/to/**/*.html',
                         //...,
                         //....,
                ],
                "systemjs": '/node_modules/systemjs/dist/system-production.js',
                "dist": [
                     { esm: 'path/to/esm' },
                     { system: 'path/to/system' },
                 ]
            }]
        ]
}

How to?

develop babel-plugin which use e.g. htmlparser2 for manipulating/replace ast (nodes)

Why with a babel-plugin?

1.) many people are using babel therefore its easy to integrate this plugin in there build system.
2.) when Githubissues.
Githubissues is a development platform for aggregating issues.

SerkanSipahi / babel-plugin-app-decorators-script-module

babel plugin that generate fallback case <script type="module" src=".." main="..". /> #1

Suggestion

.babelrc

How to?

Why with a babel-plugin?