![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript模块化
浅色流年
当我不在写代码,请@我
展开
-
1_javascript模块化进化史
模块化进化史 全局function模式 全局函数模式: 将不同的功能封装成不同的全局函数 问题: Global被污染了, 很容易引起命名冲突 // module1.js //数据 let data = 'atguigu.com' //操作数据的函数 function foo() { console.log(`foo() ${data}`) }...原创 2018-10-09 19:51:49 · 143 阅读 · 0 评论 -
2_CommonJS_Node模块化(服务器端)
Node.js模块化 1. 下载安装node.js 2. 创建项目结构 |-modules |-module1.js |-module2.js |-module3.js |-app.js |-package.json { "name": "commonJS-node", "version": "1.0.0&原创 2018-10-09 19:52:00 · 149 阅读 · 0 评论 -
3_CommonJS-Browserify模块化(浏览器端)
Browserify模块化使用 http://browserify.org/ 1. 创建项目结构 |-js |-dist //打包生成文件的目录(有时是build) |-src //源码所在的目录 |-module1.js |-module2.js |-module3.js |-app.js //应用主源文件 |-index.html |-package.json ...原创 2018-10-09 19:52:14 · 213 阅读 · 0 评论 -
4_AMD-RequireJS模块化
AMD-RequireJS模块化 1. 下载require.js, 并引入 官网: http://www.requirejs.cn/ github : https://github.com/requirejs/requirejs 将require.js导入项目: js/libs/require.js 2. 创建项目结构 |-js |-libs |-require.js |-mo...原创 2018-10-09 19:52:27 · 174 阅读 · 0 评论 -
5_CMD-SeaJS模块化
sea.js简单使用 使用seajs: 1. 引入sea.js库 2. 如何定义导出模块 : define() exports module.exports 3. 如何依赖模块: require() 4. 如何使用模块: seajs.use() 1. 下载sea.js, 并引入 官网: http://seajs.org/ github : https:/...原创 2018-10-09 19:52:39 · 377 阅读 · 0 评论 -
6_ES6模块化
ES6-Babel-Browserify使用 创建项目结构 |-js |-libs |-src |-app.js |-module1.js |-module2.js |-module3.js .babelrc(JSON文件) index.html package.json 1. 定义package.json文件 { "name" : "es6-...原创 2018-10-09 19:52:50 · 296 阅读 · 0 评论