一、准备 --npm init,初始化package.json --npm install webpack --save-dev 工程根目录新建webpack.config.js，用于webpack打包配置 二、打包配置 --webpack模块的引入类似与CMD，CommonJS,故可直接使用req ...
分类：
Web程序 时间：
2017-08-29 23:44:52
阅读次数：
308
ES6-模块化 在es6标准中，js原生支持modulele。这种将js代码分割成不同功能的小块进行模块化的概念是在一些三方规范中流行起来的，比如CommonJS、AMD和CMD。接下来我们看一下这几种规范。 一、模块化规范 1.1 CommonJs规范实例 详细请移步这里。 1 import '. ...
分类：
其他好文 时间：
2017-08-27 12:04:33
阅读次数：
286
随着前端js代码复杂度的提高，JavaScript模块化这个概念便被提出来，前端社区也不断地实现前端模块化，直到es6对其进行了规范，下面就介绍JavaScript模块化。 这篇文章还是希望能给大家一个比较好的思路，即JavaScript模块化是如何一步一步地发展起来的，并且也会主要对这些模块化方式 ...
分类：
编程语言 时间：
2017-08-25 12:16:09
阅读次数：
165
在JavaScript模块一文中介绍了如何组织代码实现模块化。模块化能隐藏私有的属性和方法，只暴露出公共接口。这样别人就不需要从头开始造轮子，直接用你的模块中定义的功能就行了。而且保证了命名空间，不会出现命名冲突。 但如果没有一套规范做参照，每个人都随自己的喜好定义模块，使用别人的模块就会出现障碍。 ...
分类：
Web程序 时间：
2017-08-23 19:13:22
阅读次数：
284
前面的话 Node组织了自身的核心模块，也使得第三方文件模块可以有序地编写和使用。但是在第三方模块中，模块与模块之间仍然是散列在各地的，相互之间不能直接引用。而在模块之外，包和NPM则是将模块联系起来的一种机制。在介绍NPM之前，不得不提起CommonJS的包规范。JavaScript不似Java或 ...
分类：
Web程序 时间：
2017-08-23 14:56:14
阅读次数：
213
前面的话 由CommonJS组织提出了许多新的JavaScript架构方案和标准，希望能为前端开发提供统一的指引。AMD规范就是其中比较著名一个，全称是Asynchronous Module Definition，即异步模块加载机制。完整描述了模块的定义，依赖关系，引用关系以及加载机制。而AMD规范 ...
分类：
Web程序 时间：
2017-08-23 14:53:35
阅读次数：
236
前面的话 CommonJS包规范是理论，NPM是其中的一种实践。对于Node而言，NPM帮助完成了第三方模块的发布、安装和依赖等。借助NPM，Node与第三方模块之间形成了很好的一个生态系统。借助NPM，可以帮助用户快速安装和管理依赖包。除此之外，NPM还有一些巧妙的用法。下面将详细介绍NPM 基本 ...
分类：
其他好文 时间：
2017-08-23 14:52:36
阅读次数：
229
webpack介绍： 它是一个给JS准备的打包工具，它可以把很多的模块打包成很少的静态文件，webpack有一个自己的特性就是代码分割（Code Splitting）可以使项目只加载当时需要的文件， 模块可以通过loaders处理各种各样的文件 模块中JS无论是用CommonJs, AMD, ES6 ...
分类：
Web程序 时间：
2017-08-22 19:08:38
阅读次数：
185
在研究react和webpack的时候，经常看到在js文件中出现require，还有import，这两个都是为了JS模块化编程使用。CSS的是@import 1.ES6 模块的设计思想，是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。 Require是CommonJS的语法， ...
分类：
Web程序 时间：
2017-08-17 10:37:48
阅读次数：
293
来源：http://javascript.ruanyifeng.com/ 目录 概述 module对象 module.exports属性 exports变量 AMD规范与CommonJS规范的兼容性 require命令 基本用法 加载规则 目录的加载规则 模块的缓存 环境变量NODE_PATH 模块 ...
分类：
Web程序 时间：
2017-08-14 23:29:49
阅读次数：
236
