html里直接引用es6的js代码(不通过webpack等打包工具)

Posted 2021-02-18 kiancyc

1.在html里引入包

<script src="https://cdn.jsdelivr.net/npm/es6-module-loader@0.17.11/dist/es6-module-loader.js"></script>

 

2.编写es6文件

// mymodule.js:

export class q {
    constructor() {
         console.log(‘this is an es6 class!‘);
    }
}

 

3.引用es6文件并使用

<script type="module">

    import { q } from ‘mymodule‘;

    new q(); // -> ‘this is an es6 class!‘

</script>

 

---

 

github地址：https://github.com/lukehoban/es6-module-loader