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

先初始化环境,方便下包:
npm init
之所以不用 npm init --yes是因为我根目录叫browserify,后续下browserify包时不允许同名,当然也可以npm init --yes后再package.json手动更改name值。
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()');

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

被折叠的 条评论
为什么被折叠?



