rollup+es6最佳实践

简单说下rollup就是只将调用过的模块打包，做到尽量精简的打包。

使用webpack 1.X 版本是无法利用该特性来避免引入冗余模块代码的

webpack2 已经出来好几款 beta 版本了，同样也加上了对 Tree-shaking 的支持

1.src中的文件

jquery.js

// 出口
import init from './init';
init(jQuery);

export default jQuery;

init.js

var init = function(jQuery){
   
    jQuery.fn.init = function (selector, context, root) {
   
        if (!selector) {
            return this;
        } else {
            var elem = document.querySelector(selector);
            if (elem) {
                this[0] = elem;
                this.length = 1;
            }
            return this;
        }
    }; 
    jQuery.fn.init.prototype = jQuery.fn;
};

export default init;

2.安装包

pakage.json 包管理

npm init

开始安装

npm i rollup rollup-plugin-babel