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

helloxiaoliang 2020-05-20

1.在html里引入包

<script src="https://cdn.jsdelivr.net/npm//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

相关推荐