基于rollup搭建JavaScript类库开发环境

 

平时开发过程当中，积累了很多的经验和技巧都应用到项目中，而下次用到的时候却又开始处处翻。

有时也想本身搭建个类库或工具包什么的来积累本身的经验技巧，又没有专门的时间去搭建各类

环境，像rollup或者webpack这样的打包工具、ES6转码工具Babel、Eslint、Jest测试工具等等。

这里就特地作了一个起始项目，将rollup、ES6转码、Eslint、Jest都集成起来，平时用的时候只须要

积累模块和方法便可。

 

本文参考：基于Webpack和ES6打造Javascript类库  http://web.jobbole.com/84858/，因为webpack打包

类库的时候会附带一个小型的加载器，有点多余，所以选用rollup搭建。

 

# 要点记录

1. 使用`rollup.js`提供的`Js api`进行`bundle`打包

2. 使用`babel`转码类库中的`ES2015`语法，不对`module`转换，由`rollup`处理

3. `Node`版本要大于`7.10.1`版本，由于构建脚本中使用了`await`、`async`

4. 使用`jest`进行单元测试，同时使用`rollup-plugin-babel`转换测试脚本语法，配置文件为`.babelrc`中`test`节

5. `sourcemap`的生成由`bundle.write`完成，而转码后的源代码由`fs`模块写入

最后项目地址： https://github.com/Jinqw/rollup-libray-starter

但愿你们都能把平时的努力积累起来，最终垒成本身的技术高楼。