使用Browserify来实现CommonJS的浏览器加载
2018-07-29 本文已影响0人
苦苦修行
默认情况下，node.js的模块写法在浏览器端是不能运行的，
那有无办法实现呢？有，这就需要Browserify登场了。(Browserify就是浏览器化的意思)
请看一个例子，b.js模块加载a.js模块
// a.js
var a = 100;
module.exports.a = a;
// b.js
var result = require('./a');
console.log(result.a);
index.html直接引用b.js会报错，提示require没有被定义
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script src="b.js"></script>
</body>
</html>
740839-20170513234546269-163449323.png
这时，就要使用Browserify了
首先安装：npm install -g browserify
然后转换：browserify b.js > bb.js
index.html引用bb.js，控制台显示100
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script src="bb.js"></script>
</body>
</html>
