commonJS在node环境下的使用和在浏览器中的使用

commonJS在node环境下的使用和在浏览器中的使用

1.commonJS在node环境下的运行

commonJS的运行依赖于node,所以要先安装node环境,在node安装好之后我们在一个文件下创建两个js文件

在aaa.js文件中我们导出模块,在bbb.js文件中我们导入模块,

2.commonJS在浏览器中的使用

在文件下新建一个html文件,即index.html,我们尝试引入bbb.js文件,看能否在控制打印出结果

控制台打印的结果报错了:

可以看出浏览器并不能直接编译导入和导出模块的语法,所以需要对bbb.js进行编译,使之成为浏览器能够识别的代码,所以我们需要安装工具Browserify,工具的官网:http://browserify.org/ ,我们使用安装命令: npm install browserify -g

安装好之后运行命令 : browserify bbb.js -o bundle.js,然后你就会发现你的文件下自动生成了一个bundel.js的文件

这次我们在index.html中引入bundle.js文件看看浏览器能否打印出我们想要的:

浏览器控制台打印:

结果和之前在终端node环境下输出结果一样。看了一下bundle.js里面的文件还是有些复杂的,功力还不够,等我后面能阅读了。我再回来补充bundle.js在里面做了什么。

原文地址:https://www.cnblogs.com/jojo-star/p/13780864.html