CommonJS就是为JS的表现来制定规范,因为js没有模块的功能所以CommonJS应运而生,它希望js可以在任何地方运行,不只是浏览器中。 Node,CommonJS,浏览器甚至是W3C之间有什么关系: | 浏览器 | | CommonJS | | BOM | | DOM | | ECMAScr ...
分类:
Web程序 时间:
2017-07-21 10:34:40
阅读次数:
169
阅读目录 1.webpack配置了解 2.webpack CommonsChunkPlugin公共代码剥离 3.了解ProvidePlugin的用途 回到顶部 1.webpack配置了解 webpack的配置文件是一个nodejs的module,使用CommonJS风格来编写的,比如如下: webp ...
分类:
Web程序 时间:
2017-07-16 19:16:34
阅读次数:
239
AMD/CMD/CommonJs是js模块化开发的标准,目前对应的实现是RequireJs/SeaJs/nodeJs. CommonJs 主要针对服务器端,AMD/CMD 主要针对浏览器端。 服务器端和浏览器端有什么区别呢? 服务器端一般采用同步加载文件,也就是说需要某个模块,服务器便停下来,等待它 ...
分类:
Web程序 时间:
2017-07-12 17:50:13
阅读次数:
288
js开发者对js模块加载的尝试和创新从来都没有停止过,尤其是当nodejs的出现后,模块化加载的必要性更加凸显。本文不讨论如何在nodejs环境来模块化加载(创造者已经利用commonJS机制解决),只讨论在浏览器环境下如何来模块加载的思路,并提出一些我的看法。 浏览器环境与nodejs的环境的最大 ...
分类:
Web程序 时间:
2017-07-11 23:02:29
阅读次数:
212
上一篇的gulp配置很简单,主要就是为了demo的查看和调试,这一篇则会相对详细一些,包括压缩合并打时间戳等。 在互联网环境比较好的城市,需要多人协作的,大一点的项目应该都用上了模块化(这里主要指commonjs和ES6模块系统,不是再早的require.js和sea.js)。代码也会更注重如何分离 ...
分类:
其他好文 时间:
2017-07-09 18:22:06
阅读次数:
159
1 Promise概述 Promise对象是CommonJS工作组提出的一种规范,目的是为异步操作提供统一接口。 那么,什么是Promises? 首先,它是一个对象,也就是说与其他JavaScript对象的用法,没有什么两样;其次,它起到代理作用(proxy),充当异步操作与回调函数之间的中介。它使 ...
分类:
Web程序 时间:
2017-07-09 10:49:34
阅读次数:
340
在研究react和webpack的时候,经常看到在js文件中出现require,还有import,这两个都是为了JS模块化编程使用。CSS的是@import 1.ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。 Require是CommonJS的语法, ...
分类:
Web程序 时间:
2017-07-07 13:09:52
阅读次数:
750
1. CommonJS 用于服务端模块化编程,比如nodejs就采用此规范; 一个文件就是一个模块,require方法用来加载模块,该方法读取一个文件并执行,最后返回文件内部的module.exports对象; require是默认读取.js文件的,所以require(模块名)可以不写后缀; 同步加 ...
分类:
Web程序 时间:
2017-07-07 00:48:31
阅读次数:
201
RequireJS实现了AMD的API. CommonJS是使用exports对象来定义模块的一种方法,它定义了模块的内容。简单地实现一个CommonJS的定义就像以下这样: // someModule.js exports.doSomething = function() { return "fo ...
分类:
Web程序 时间:
2017-06-29 11:20:58
阅读次数:
142
一.模块打包机 1.创建文件 在目标文件下建立一个src文件夹作为js代码区;作为例子,我创建了两个js文件,并利用commonJS规范require引入到index.js中; moduleA.js: moduleB.js: index.js: index.html: 此时运行必定会出错。因为浏览器 ...
分类:
Web程序 时间:
2017-06-27 11:56:13
阅读次数:
151