开发一个 es6 的库

pkg.module.md

一篇讨论 webpack 和 rollup 的文章 https://medium.com/webpack/webpack-and-rollup-the-same-but-different-a41ad427058c

pkg.module 也很重要

webpack.md

看了魔法哥翻译的文章 github.com/cssmagic/blog/issues/56 ，解决了我一直以来的困惑，如何使用es6开发一个模块，可以直接使用，也可以 webpack 打包使用：

• 使用 babel 编译 es6
• 使用 webpack 将模块打包成 UMD ，这样就可以在任何地方使用了
• 顺便还能 eslint

可是，还有一个问题没有解决：如果你的模块中依赖了别的模块，怎么办？

比如依赖了 jquery ，可以参考这篇文章 https://github.com/krasimir/webpack-library-starter ：

externals : {
  jquery: 'jQuery'
}

然后发布我们的包，或者先 npm link

之后，新建一个 test ，然后 npm link xxx 。

如果我们直接使用 xxx，是 之后，新建一个 test ，然后 npm link xxx 。

直接使用 xxx：

<script src="https://cdn.staticfile.org/jquery/3.1.1/jquery.js"></script>
<script src="node_modules/xxx/index.js"></script>

使用 webpack 打包：

externals: {
		'jQuery': 'jQuery'
}

因为 xxx 已经被 webpack 打包过一次，所以 xxx 里 require 的是 jQuery，而不是 jquery

<script src="https://cdn.staticfile.org/jquery/3.1.1/jquery.js"></script>
<script src="dist/main.js"></script>