学习笔记 JavaScript ES6 webpack是否成功编译

通过事先对webpack的配置(如何配置webpack以后会专题说一下)，可以实现把src目录下的文件会被webpack打包编译。

如下两行代码就是写在src目录下的一个js文件中

let sum = (x, y) => x + y
console.log(sum(4, 5))

运行代码之后，chrome浏览器可以输出9

chrome F12-->sources可以看到当前通过webpack打包编译的代码，一般我们自己写的代码都在最下面，下图第460行就是ES6代码经过webpack打包编译后生成了ES5的代码，也说明了webpack配置是成功的。

webpack还可以配置不打包编译指定目录下的js，比如通过配置不编译static目录下的文件，static目录下的文件会被原封不动的直接复制到生产环境中（这些都是通过webpack配置的）。

注意，经过webpack打包后编译后的代码作用域和原汁原味的ES6代码的作用域会有一些差别。