什么是模块化?
答:将一个复杂的程序依据一定的规则封装成几个块,并进行组合在一起,其内部数据是私有的,只是向外部暴露一些接口与外部其它模块进行通信。
为什么要模块化?
- 降低复杂度
- 部署方便
- 降低耦合
- 避免命名冲突
Commonjs模块化规范
- 这个文件有两个是必须的,一是包名,二是版本号。
- 包名不能含有大写和中文。
- 自动生成package.json文件
npm init
- 安装uniq
npm install uniq
- –save是什么含义?
这个的意思是说,添加到package.json中
commonjs模块暴露的三种方式
1:module.exports = {}
2:module.exports = function()
- 这种写法是覆盖方式的,后面的会覆盖前面的,不建议
3:exports.属性
- 这种是通过给exports添加属性的形式,推荐使用
4:通过npm安装
- 以uniq这个包为例,这个包可以筛选出数组中独一无二的元素。
- npm install uniq
- 导入 const uniq = require(‘uniq’);
- 使用 const result = uniq(arr);
commonjs基于浏览器端应用
- 首先全局安装并且同时需要局部安装browserify
npm install browserify -g npm install browserify --save-dev 复制代码
- 浏览器端是无法准确识别require方法的