本文的初衷是和你一起理清webpack的使用逻辑，以便能更加容易的编写及拓展自己项目所需的配置文件。不过也得提前说明本文可能并不是一篇好的可以跟着操作的教程（想跟着一步步做的童鞋可以看官方示例（https://webpack.js.org/guides/）和 webpack 入门，看这篇就够了（http://www.jianshu.com/p/42e11515c10f）。

原文地址：How to do proper tree-shaking in Webpack 2 原文作者：Gábor Soós 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO/how-…

记录下 webpack-dev-server 的用法.

webpack 入门门槛较高，希望这篇用白话讲的文章对你有所帮助！

你可能已经在前端社区听过这个称为 Webpack 的新玩意儿了。有人将它当作像 Gulp 的构建工具，也有人把它作为一个类似 Browserify 的模块管理器，如果你没有深入研究的话，你可能会因此感到困惑。但另一方面，如果你已经了解过它了，你大概还是会感到疑惑，因为官网表示 Webpack 身兼两职。

作者语：阅读本文之前，先看下面这个 webpack 的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过 Webpack，如果你对 webpack 感兴趣，本文中有一个贯穿始终的例子，如果你能把这个例子自己动手写一次，写完以后你会发现你已明明白白的走进了 Webpack 的大门。 文／zhangwang（简书作者）

很不错的，翻译者辛苦了