webpack-cli构建优质项目

本笔记借鉴与 https://www.webpackjs.com/guides/getting-started/
在模块化开发中，我们平常引用个个模块的脚本代码都是通过

1. 无法立即体现，脚本的执行依赖于外部扩展库(external library)。
2. 如果依赖不存在，或者引入顺序错误，应用程序将无法正常运行。
3. 如果依赖被引入但是并没有使用，浏览器将被迫下载无用代码。

使用webpack 可以打包代码优化项目结构，可以消除以上传统的代码引入方法

ES2015 中的 import 和 export 语句已经被标准化。虽然大多数浏览器还无法支持它们，但是 webpack 却能够提供开箱即用般的支持。
事实上，webpack 在幕后会将代码“转译”，以便旧版本浏览器可以执行。如果你检查 dist/bundle.js，你可以看到 webpack 具体如何实现，这是独创精巧的设计！除了 import 和 export，webpack 还能够很好地支持多种其他模块语法，更多信息请查看模块 API。
注意，webpack 不会更改代码中除 import 和 export 语句以外的部分。如果你在使用其它 ES2015 特性，请确保你在 webpack 的 loader 系统中使用了一个像是 Babel 或 Bublé 的转译器