方法一: https://www.babeljs.cn/setup#installation 按照babel官方的配置配
方法二: https://www.jianshu.com/p/ce28ceddda72
上面是人家大神的地址, 写的明明白白:我觉得自己不会比他写的更详细了
补充一点就是:一定要注意babal的版本不能超过8.0 否则会报错, 至于8.0以后怎么用,按照方法一的官方配置去配 官方让下就下, 让键文件就建文件. babel-core和babel-preset-ev要严格按照人家的版本下载. 我整了好久就是因为现在的版本问题与大神当时的版本不一样. 这个大神是位数不多的写自己版本的.
用webpack, 一切不表明版本的包都像是枕边的空口承诺, 白扯!
webpack 是一个木工的 电锯一样, 开关一按咱就可以愉快的开工, 该锯木头锯木头, 但是这个电锯不行, 开工前, 得给他繁琐的配置配置, 从哪里放木头,从哪里出木头, 出来啥样的木头用啥配置. 每一步都需要配置哟, 否则它剧出来木头,按不到门上, 只能烧火用.你说怪不怪?! 对,就是这么操蛋
webpack 这种不关乎业务逻辑和js基础知识的东西, 可以说它会不会用不关乎你的htmlcssjs三大基础知识扎实程度,但是还是经常令人抓狂. 为什么:
1. 不是中国人整出来的东西, 文档就难读懂.
2, 虽然它也越来越追求自动化, 但是很多没给配置好, 比如说es6转换成es5 , 你本来知道需要, 就是不给整上自动化配置,
如果是我编写webpack, 我会加上一个选项{ es5: true } , 呵呵,可惜编者不懂使用者的心.
3, 各种版本的依赖, npm平台,呵呵,你懂得, 说的好听点叫做日新月异雨后春笋啊. 一点都不稳定. 你今天变,我明天也变, 导致依赖包经常出错,你得找对应的版本
我忍不住骂娘了, 这种版本的东西谁知道, 只能按照网上大神们成功的案例挨个试,但是大神的案例也是旧的, 现在更新了, 怎么能够跟的上呢. 所以出错必然,那些打包很顺利的, 肯定是整天用的, 这种总项目级别的东西, 不是外包公司的话, 有几个小程序员经常用到呢.所以说, 打包不成功时候, 别生气.
以上是我对webpack的总结. 只有一句话: 如果不是webpack没有强有力的竞争者, 它早就被用户淘汰了. 它生在一个浏览器跟不上前端代码变化的时代, 诸侯纷争,
正是这种乱世, 出来了个霸道的人物, 号称为大家服务, 但是大家觉得很难用.
webpack肯定会像当年改革开放初期时候的粗糙日用品一样, 被慢慢淘汰, 这是毫无疑问的. 或许它更快的改变自己. 适应人民的需要,那另当别论.