随笔

Use ES6 module in browser

搞了个demo => github

之前看过amdcmd都要对源码动手术,并且这些都是过度产品,所以一直没有放到项目里去,这次就搞一搞吧!

静态编译

  1. babel + requirejs
    这里我用的es2015-modules-amd

utils.js

export function math(a,b){
    return a+b;
}

course.js

import * as utils from '/script/utils.js';
class CourseList {
    constructor(){
        console.log(utils);
        console.log(utils.math(1,2));
        console.log('init');
    }
}
var courseList = new CourseList();
export default courseList;

html

<script type="text/javascript" data-main="script/course/list/course" src="script/require.js"></script>

动态解析

systemjs
有兴趣的童鞋可以去参观下


哎我操,忽然为什么这么简单的东西网上搜不到? 难道姿势不对?("▔□▔)/("▔□▔)/("▔□▔)/

本文链接:https://note.lilonghe.net/post/use-es6-module-in-browser.html

-- EOF --