{"id":1174,"date":"2020-03-12T15:51:23","date_gmt":"2020-03-12T07:51:23","guid":{"rendered":"http:\/\/www.xiaosuigu.top\/?p=1174"},"modified":"2020-03-12T15:51:23","modified_gmt":"2020-03-12T07:51:23","slug":"webpack","status":"publish","type":"post","link":"https:\/\/www.xiaosuigu.top\/index.php\/2020\/03\/12\/webpack\/","title":{"rendered":"Webpack"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">1. <strong>\u6982\u5ff5<\/strong><\/h3>\n\n\n\n<p>webpack \u662fJavaScript \u5e94\u7528\u7a0b\u5e8f\u7684\u6a21\u5757\u6253\u5305\u5668,\u53ef\u4ee5\u628a\u5f00\u53d1\u4e2d\u7684\u6240\u6709\u8d44\u6e90\uff08\u56fe\u7247\u3001js\u6587\u4ef6\u3001css\u6587\u4ef6\u7b49\uff09\u90fd\u770b\u6210\u6a21\u5757\uff0c\u901a\u8fc7loader\uff08\u52a0\u8f7d\u5668\uff09\u548cplugins \uff08\u63d2\u4ef6\uff09\u5bf9\u8d44\u6e90\u8fdb\u884c\u5904\u7406\uff0c\u6253\u5305\u6210\u7b26\u5408\u751f\u4ea7\u73af\u5883\u90e8\u7f72\u7684\u524d\u7aef\u8d44\u6e90\u3002\u6240\u6709\u7684\u8d44\u6e90\u90fd\u662f\u901a\u8fc7JavaScript \u6e32\u67d3\u51fa\u6765\u7684\u3002<\/p>\n\n\n\n<p>\u5982\u679c\u4e00\u4e2a\u9875\u9762\u5927\u90e8\u5206\u662fscript\u6807\u7b7e\u6784\u6210\uff0c80%\u4ee5\u4e0a\u662fwebpack \u6253\u5305\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. \u683c\u5f0f<\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>!function (\"\u5f62\u53c2\"){\"\u52a0\u8f7d\u5668\"}(\"\u6a21\u5757\")<\/code>\n\u6a21\u5757\u6709\u6570\u7ec4\u548c\u5bf9\u8c61\u4e24\u79cd\u5f62\u5f0f\uff0c\u65e0\u8bba\u54ea\u79cd\u4f20\u7684\u90fd\u662f\u51fd\u6570<\/pre>\n\n\n\n<p>\u5f53\u4f60\u5728\u5206\u6790js\u65f6\u770b\u89c1\u5185\u5bb9\u4e2d\u7c7b\u4f3c\u6709<code>window[\"webpackJsonp\"]<\/code>\u548c<code>push<\/code>\u7b49\u8fd9\u6837\u7684\u5173\u952e\u5b57\uff0c\u90a3\u4e48\u8fd9\u4efdjs\u4ee3\u7801\u5c31\u662f\u4f7f\u7528\u4e86webpack\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. \u6570\u7ec4\u5f62\u5f0f<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>!function (e) {\n    var t = {};\n    \/\/ \u52a0\u8f7d\u5668  \u6240\u6709\u7684\u6a21\u5757\u90fd\u662f\u4ece\u8fd9\u4e2a\u51fd\u6570\u52a0\u8f7d \u6267\u884c\n    function n(r) {\n        if (t&#91;r])\n            return t&#91;r].exports;\n\n        var o = t&#91;r] = {\n            i: r,\n            l: !1,\n            exports: {}\n        };\n        return e&#91;r].call(o.exports, o, o.exports, n),\n            o.l = !0,\n            o.exports\n    }\n    n.m = e\n    n(0)\n}\n(&#91;\n    function () {\n        console.log('123456')\n    },\n    function () {\n        console.log('\u6a21\u57572')\n    },\n])<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">4. \u5bf9\u8c61\u5f62\u5f0f<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>!function (e) {\n    var t = {};\n\n    \/\/ \u52a0\u8f7d\u5668  \u6240\u6709\u7684\u6a21\u5757\u90fd\u662f\u4ece\u8fd9\u4e2a\u51fd\u6570\u52a0\u8f7d \u6267\u884c\n    function n(r) {\n        if (t&#91;r])\n            return t&#91;r].exports;\n\n        var o = t&#91;r] = {\n            i: r,\n            l: !1,\n            exports: {}\n        };\n        return e&#91;r].call(o.exports, o, o.exports, n),\n            o.l = !0,\n            o.exports\n    }\n\n    n.m = e\n    n('key1')\n}\n(\n    {\n        'key1': function () {\n            console.log('\u6211\u8d1f\u8d23\u767b\u5165')\n        },\n        'key2': function () {\n            console.log('\u6211\u8d1f\u8d23\u6ce8\u518c')\n        }\n    }\n)<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u600e\u4e48\u6263<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>\u5148\u6263\u6574\u4e2a\u52a0\u8f7d\u5668<\/li><li>\u518d\u6263\u5bf9\u5e94\u7684\u6a21\u5757<\/li><li>\u6a21\u5757\u5185\u7684\u65b9\u6cd5\u53ef\u4ee5\u901a\u8fc7exports\u5bfc\u51fa\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7\u5916\u5c42\u5b9a\u4e49var\u53d8\u91cf\u540d\u5bfc\u51fa<\/li><\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. \u6982\u5ff5 webpack \u662fJavaScript \u5e94\u7528\u7a0b\u5e8f\u7684\u6a21\u5757\u6253\u5305\u5668,\u53ef\u4ee5\u628a\u5f00\u53d1\u4e2d\u7684\u6240\u6709\u8d44\u6e90\uff08\u56fe\u7247\u3001js\u6587 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-1174","post","type-post","status-publish","format-standard","hentry","category-js"],"_links":{"self":[{"href":"https:\/\/www.xiaosuigu.top\/index.php\/wp-json\/wp\/v2\/posts\/1174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xiaosuigu.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xiaosuigu.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xiaosuigu.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xiaosuigu.top\/index.php\/wp-json\/wp\/v2\/comments?post=1174"}],"version-history":[{"count":0,"href":"https:\/\/www.xiaosuigu.top\/index.php\/wp-json\/wp\/v2\/posts\/1174\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.xiaosuigu.top\/index.php\/wp-json\/wp\/v2\/media?parent=1174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xiaosuigu.top\/index.php\/wp-json\/wp\/v2\/categories?post=1174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xiaosuigu.top\/index.php\/wp-json\/wp\/v2\/tags?post=1174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}