码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-05-20 12:26:28      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:cdn   style   js代码   bsp   module   webp   div   编写   https   

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

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

标签:cdn   style   js代码   bsp   module   webp   div   编写   https   

原文地址:https://www.cnblogs.com/kiancyc/p/12922564.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!