1. // index.js 入口文件
    2. console.log("index.js 被加载了");
    3. // 直接引入,不是懒加载
    4. // import { mul } from './test';
    5. // 给DOM绑定事件,触发事件后执行 js 方法
    6. document.getElementById('btn').onclick = function () {
    7. // 懒加载: 当文件使用到才会加载
    8. // 预加载 prefetch : 会在使用前,提前加载JS文件
    9. // 正常加载 是认为是并行加载 (同一时间加载多个文件)
    10. // 预加载 perfecth: 等其他资源加载完毕,浏览器空闲了,在偷偷加载资源
    11. import('./test')
    12. .then(({mul}) => { console.log(mul(4, 6))});
    13. // 懒加载也会自动分割为一个单独的文件
    14. }
    1. // test.js
    2. function mul (x, y) {
    3. console.log(x * y)
    4. }
    5. export defalut mul;