xiaokanfuchen86的博客

module.exports 模式下，module.exports 和 exports 的内容是完全不同的，module.exports 导出的是模块（hello.js）对象本身（类别Java，可以理解为导出的是一个类，而不是实例化的对象），在此场景下 exports 是空的（类比Java，理解为一个空对象，没有实例化就是null）。exports 对象是由模块系统创建的。exports 和 module.exports 的内容是完全一样的，换言之：exports 指向的是 module.exports。

前置阅读：简述JavaScript模块化（一）在前面一文中，我们对前端模块化所经历的三个阶段进行了了解：CommonJs,由于是同步的，所以主要应用于服务器端，以Node.js为代表。 AMD，异步模块定义，预加载，推荐依赖前置。以require.js为代表。 CMD，通用模块加载，懒加载，推荐依赖就近。以Sea.js为代表。而在ES6已经大行其道的今天，ES6中所提供的模块化的方法也自然而然成了我们进行JavaScript模块化编程的标准，因此ES6模块的语法虽然在一些较为老的浏览器上不能直

在早期编写JavaScript时，我们只需在<script>标签内写入JavaScript的代码就可以满足我们对页面交互的需要了。但随着时间的推移，时代的发展，原本的那种简单粗暴的编写方式所带来的诸如逻辑混乱，页面复杂，可维护性差，全局变量暴露等问题接踵而至，前辈们为了解决这些问题提出了很种的解决方案，其中之一就是JavaScript模块化编程。总的来说，它有以下四种优点：解决项目中的全局变量污染的问题。 开发效率高，有利于多人协同开发。 职责单一，方便代码复用和维护 。 解决文件依赖

babel-preset-env一个帮你配置babel的preset，根据配置的目标环境自动采用需要的babel插件。问题目前，几个presets就能让你确定babel应该支持那些功能：babel-preset-es2015，babel-preset-es2016等：支持不同版本的ECMAScript规范。es2015转译了ES6比ES5的新特性，es2016转译了ES2016比ES6的新特性等等。 babel-preset-latest： 支持现有所有ECMAScript版...

你好，babel-preset-env 2017年Babel 的官网上在9月宣布 ES2015 / ES2016/ ES2017 等等 ES20xx 时代的 presets 通通被废弃（deprecated），取而代之的是babel-preset-env，并且承诺它将成为“未来不会过时的（future-proof）”解决方案。 也就是说：babel preset将基于你的实际浏览器及运行环境，自动的确定babel插件及polyfills，转译ES2015及此版本以上的语言。 ...

babel是一种js语法编译器，在前端开发过程中，由于浏览器的版本和兼容性问题，很多js的新方法和特性的使用都受到了限制。使用babel可以将代码中js代码编译成兼容绝大多数主流浏览器的代码。 babel6.X版本之后，所有的插件都是可插拔的，也就是说只安装babel依然无法正常的工作，我们需要配置对应的.babelrc文件才能起作用。 .babelrc文件需要的配置项主要有预设(presets)和插件(plugins)。 1、预设(presets)...

Browserify 是什么Browserify 是一个浏览器端代码模块化的工具为什么要使用 Browserify浏览器端的代码模块化有2个明显的好处： 1）前端JS可以使用npm包 我们知道 npm 中有非常丰富的功能包，但没法在浏览器中直接用，因为他们是按照 nodejs 模块化标准写的，使用 require 和 module.exports 引用和构造模块，浏览器不支持此类语法，所以需要浏览器端模块化工具的支持，这样就相当于给浏览器端增加了 npm 库 2）模块化开发 现在前端JS代码越来