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在里面做了什么。