ES6 module exports on .vue files

sylvainpolletvillard commented 7 years ago

Hello and thank you for making this, it looks very promising.

I tried getlibs on a Vue + TypeScript project and got some trouble with single file components .vue files

index.html:

<!DOCTYPE html>
<html>
<head>
    <script src="https://unpkg.com/getlibs"></script>
</head>
<body>
<div id="app">Loading...</div>

<script>
    System.import('./main.ts')
</script>
</body>
</html>

main.ts:

import Vue from 'vue'
import App from './components/App.vue'

new Vue({
    el: '#app',
    render: h => h(App)
})

App.vue:

<template>
    <div id="app">
        Hello {{ name }}
    </div>
</template>

<script>
    export default {
        data(){
            return { name: "Vue" }
        }
    }
</script>

gives me

Error: module is not defined
  Evaluating http://localhost:5000/components/App.vue
  Evaluating http://localhost:5000/main.ts
  Loading ./main.ts`

The App.vue!transpiled file :

(function(System, SystemJS) {"use strict";

System.register([], function (_export, _context) {
    "use strict";

    return {
        setters: [],
        execute: function () {
            _export("default", {
                data: function data() {
                    return { name: "Vue" };
                }
            });

            module.exports.template = "\r\n\t<div id=\"app\">\r\n\t\tHello {{ name }}\r\n\t</div>\r\n";
        }
    };
});
})(System, System);

It looks like it should export with _export.template instead of module.exports.template