browserify

约定不等于承诺〃 2023-06-30 08:50 18阅读 0赞

### browserify官方传送门： [http://browserify.org/][http_browserify.org] ###

### index.html： ###

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    
    <body>
    
    </body>
    <script src="./bundle.js"></script>
    <script>
        /*
        browserify:
            浏览器没有定义require方法，但是Node.js有。
            使用Browserify可以编写使用require的代码，
            就像在Node中使用它一样。
            命令行安装（全局）：
                npm install -g browserify
            现在递归地捆绑了所有起始于需要的模块main.js到
            一个文件名为bundle.js与browserify命令：
                browserify  main.js -o bundle.js
            注意：main.js是所有的js页面都引入到了里面。
        */
    </script>
    
    </html>

--------------------

### m1.js: ###

module.exports = {
        name: "xyz-m1",
        foo: function () {
            return this.name;
        }
    }

--------------------

### m2.js: ###

module.exports = function () {
        return "xyz-m2";
    }

--------------------

### m3.js: ###

// var exports = module.exports;默认就存在的
    exports.foo = function () {
        return "xyz-m3";
    }

--------------------

app.js:(m1.js、m2.js、m3.js都引入到了app.js)

var m1 = require("./modules/m1");
    var m2 = require("./modules/m2");
    var m3 = require("./modules/m3");
    
    console.log(m1.foo(),m2(),m3.foo());

--------------------

整体目录结构：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pFRkZfbHV5aWR1YW4_size_16_color_FFFFFF_t_70][]

[http_browserify.org]: http://browserify.org/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pFRkZfbHV5aWR1YW4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200116103715848.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pFRkZfbHV5aWR1YW4=,size_16,color_FFFFFF,t_70