使用webpack3.x以及babel使浏览器支持es6语法

前言

当前浏览器对于es6语法支持程度还不是很高，我们可以通过webpack打包工具以及babel等转换es6语法，来实现浏览器支持es6语法。当然也有很多工具可以进行转换，比如使用SystemJS都可以，SystemJS有一个缺点就是网速要不好，特别慢，不过他也是很方便的，不用像在webpack中进行配置很多，只需要在script标签中引入，或者是npm安装就可以使用，不需要配置很多，这样可以使我们专注于代码的编写，我这里是使用webpack以及babel进行转换，通过安装了lodash来测试是否转换成功。

实现步骤

1. 首先我们通过npm init命令来初始化我们的工程。一路y就可以，会生成一个packe.json配置文件；输入下面的命令；

npm init

生成一个配置文件packe.json，内容如下

{
   
  "name": "es6demo",
  "version": "1.0.0"