CommonJS基于浏览器端运用

本文介绍了如何使用CommonJS模块在Node环境中运行,并通过Browserify工具将这些模块打包成浏览器可执行的代码。首先展示了模块结构和内容,然后详细解释了初始化环境、安装Browserify以及打包过程。最后,通过修改HTML文件引用打包后的bundle.js,成功在浏览器中运行了模块代码。

我之前还有一篇CommonJS基于node环境运用,大家有兴趣可以去看看,放链接:CommonJS基于服务端(node运用)
先放文件目录:dist文件夹放打包生成的代码,src文件夹放自己写的代码
目录
先初始化环境,方便下包:

npm init

之所以不用 npm init --yes是因为我根目录叫browserify,后续下browserify包时不允许同名,当然也可以npm init --yes后再package.json手动更改name值。
src文件目录:

src目录module1.js:

// 暴露一个对象
module.exports = {
   
   
    foo() {
   
   
        console.log('module1 foo()');
    }
}

module2.js:

// 暴露一个函数
module.exports = function() {
   
   
    console.log('module2()');
}

module3.js:

// 分别暴露函数
exports.foo = function() {
   
   
    console.log('module3 foo()');
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值