{"id":475,"date":"2020-02-14T21:53:56","date_gmt":"2020-02-14T13:53:56","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=475"},"modified":"2020-02-14T21:53:56","modified_gmt":"2020-02-14T13:53:56","slug":"commonjs-browserify%e6%a8%a1%e5%9d%97%e5%8c%96","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/14\/commonjs-browserify%e6%a8%a1%e5%9d%97%e5%8c%96\/","title":{"rendered":"CommonJS-Browserify\u6a21\u5757\u5316"},"content":{"rendered":"<pre class=\"pure-highlightjs\"><code class=\"\">## Browserify\u6a21\u5757\u5316\n1. \u521b\u5efa\u9879\u76ee\u7ed3\u6784\n  ```\n  |-js\n    |-dist \/\/\u6253\u5305\u751f\u6210\u6587\u4ef6\u7684\u76ee\u5f55\n    |-src \/\/\u6e90\u7801\u6240\u5728\u7684\u76ee\u5f55\n      |-module1.js\n      |-module2.js\n      |-module3.js\n      |-app.js \/\/\u5e94\u7528\u4e3b\u6e90\u6587\u4ef6\n  |-index.html\n  |-package.json\n    {\n      \"name\": \"browserify-test\",\n      \"version\": \"1.0.0\"\n    }\n  ```\n2. \u4e0b\u8f7dbrowserify\n  * \u5168\u5c40: npm install browserify -g\n  * \u5c40\u90e8: npm install browserify --save-dev\n3. \u5b9a\u4e49\u6a21\u5757\u4ee3\u7801\n  * module1.js\n    ```\n    module.exports = {\n      foo() {\n        console.log('moudle1 foo()')\n      }\n    }\n    ```\n  * module2.js\n    ```\n    module.exports = function () {\n      console.log('module2()')\n    }\n    ```\n  * module3.js\n    ```\n    exports.foo = function () {\n      console.log('module3 foo()')\n    }\n    \n    exports.bar = function () {\n      console.log('module3 bar()')\n    }\n    ```\n  * app.js (\u5e94\u7528\u7684\u4e3bjs)\n    ```\n    \/\/\u5f15\u7528\u6a21\u5757\n    let module1 = require('.\/module1')\n    let module2 = require('.\/module2')\n    let module3 = require('.\/module3')\n    \n    let uniq = require('uniq')\n    \n    \/\/\u4f7f\u7528\u6a21\u5757\n    module1.foo()\n    module2()\n    module3.foo()\n    module3.bar()\n    \n    console.log(uniq([1, 3, 1, 4, 3]))\n    ```\n* \u6253\u5305\u5904\u7406js:\n  * browserify js\/src\/app.js -o js\/dist\/bundle.js\n* \u9875\u9762\u4f7f\u7528\u5f15\u5165:\n  ```\n  &lt;script type=\"text\/javascript\" src=\"js\/dist\/bundle.js\"&gt;&lt;\/script&gt; \n  ```<\/code><\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>## Browserify\u6a21\u5757\u5316 1. \u521b\u5efa\u9879\u76ee\u7ed3\u6784 &#8220;` |-js |-dist \/\/\u6253\u5305\u751f\u6210\u6587\u4ef6\u7684\u76ee\u5f55 |-src \/\/\u6e90\u7801 &#8230","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[6],"_links":{"self":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/475"}],"collection":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/comments?post=475"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/475\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}