webpack加载JS重写

• webpack 异步加载比如 5.async.js; 如果js和网页想分离域名,比如走cdn,我们可以加个钩子拦截js,然后重写到想要的域名.

<script>
{
    var __H = document.getElementsByTagName("head")[0], __PROXY=__H.appendChild;
    __H.appendChild = function (e) {
        // rewrite script src
        if (e instanceof HTMLScriptElement && e.src.indexOf('.async.js') != -1) {
            e.src = 'http://cdn.com/'+ e.src.substring(location.origin.length + location.pathname.lastIndexOf('/'));
        }
        __PROXY.apply(this, arguments);
    }
 }
 </script>

• webpack加载原理(图)

转载于:https://my.oschina.net/u/3352265/blog/1859038