基於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

但願你們都能把平時的努力積累起來，最終壘成本身的技術高樓。