commonjs基于浏览器browserify应用
开发依赖:当前包只在开发阶段使用
运行依赖:当在生产/上线阶段使用
1、生成package.json文件, npm init;
name不能为大写和中文
2、下载browserify模块
全局 npm install browserify -g
局部 npm install browserify --save-dev //开发依赖 --save表示运行依赖
3、打包处理js文件(node在浏览器端未编译)
browserify 项目中的待打包js文件 -o 打包到的文件位置(没有会创建) //-o 表示output输出
4、浏览器页面<script type='text/javascript' src='打包到的文件路径'>引入打包后的nod
代码示例:
待打包node.js文件:
let module1=require('./module1');
let module2=require('./module2');
let module3=require('./module3');
module1.foo();
module2();
module3.foo();
打包代码:
浏览器页面:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="./boundle.js"></script>
</head>
<body>
<script>
</script>
</body>
</html>