故事的起点是为了求职在学习阮一峰大神的《ES6入门》,对没错2018年了我这条咸鱼才开始学习ES6。
看了书上的例子总是想要试一试,然后突然发现书上原理讲的很明白,没有环境搭建啊(后来发现前言有讲babel什么的,被我跳过去了TAT)。去网上搜,发现有用glup和webpack两种方法,正好也没用过webpack,参考 点击打开链接(后面说的教程都是它),尝试一下,话说找工作webpack好像还是重点题呢,这波不亏。
首先,我的电脑上是有node.js的,版本6.11.0。安装webpack参考 点击打开链接,只用了第7步。
创建目录文件夹之后,按照教程配置了webpack的配置文件,接下来在当前项目安装babel-loader,第一次傻眼了打开cmd就开始装,一堆error,后来发现要先到项目的文件夹底下,也就是能看到ES6文件夹的那个目录。这次是一堆warn,应该是安好了。转码规则也是一堆warn,忽略之,继续往下。
其实环境搭建上,到这也就结束了,试着运行了一下教程里的张三的例子,成功(*^▽^*)
接下来就可以愉快的测试书上的代码啦~~