本文介绍了CommonJS规范在Node.js中的应用，包括通过`require()`加载模块和使用`exports`及`module.exports`导出模块内容。通过示例展示了如何在多个JS文件间进行模块交互。此外，还提及前端构建工具Webpack对CommonJS的原生支持，以及Webpack的安装和打包过程，使得打包后的JS文件能在前端环境中运行。
1、CommonJS是nodejs在后端应用时使用的标准，该规范的主要内容是，模块必须通过module.exports 导出对外的变量或接口，通过 require() 来导入其他模块的输出到当前模块作用域中。
（1）require用来加载模块
（2） 通过exports和modul.exports来暴露模块中的内容
例：创建3个js，它们关系如下：
1.1、math.js
//注意commonjs在模块定义的变量只是模块内的变量，不是全局的，在每个模块内部，module变量代表当前模块。它的exports属性是对外的接口，将模块的接口暴露出去:module.exports
var PI = 3.14;
function multiple(num1, num2) {
return num1 * num2;
}
function square(n) {
return n * n;
}
module.exports = {
PI: PI,
multiple: multiple,
square: square
}
1.2、s.js
//require中的结果就是main中exports出去的结果
var m = require('./math');
function circle(r) {
return m.multiple(m.square(r), m.PI);
}
module.exports = {
s_circle: circle
}
1.3、main.js
var s = require('./s');
console.log(s.s_circle(10));
1.4运行：在dos命令下
2、前端的webpack也是对CommonJS原生支持的。
1.1: 需用webpack将js文件打包：安装webpack
npm install webpack -g //注：直接安装会安装最新版本的，打包js时要加-o
webpapck main.js -o output.js
//也可以直接指定版本安装：
npm install webpack@3.5.3 -g //打包文件就可以不加-o，也避免了打包文件时出现很多错误：
webpapck main.js output.js
1.2 打包后就可以在目录下看到output.js文件啦，然后创建index.html，引入output.js就可以在前端运行了。
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script src="output.js"></script>
</body>
</html>
扫一扫
2478
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
