方法一: 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肯定会像当年改革开放初期时候的粗糙日用品一样, 被慢慢淘汰, 这是毫无疑问的. 或许它更快的改变自己. 适应人民的需要,那另当别论.

webpack e6转化成es5 配置方法的更多相关文章

  1. 前端技术之:使用webpack构建React程序配置方法

    package.json中需要引入以下依赖:   开发依赖: "@babel/core": "^7.1.2", "@babel/preset-env& ...

  2. webpack打包生成多个vendor的配置方法

    用webpack打包项目的时候,一般喜欢把一些公用的库打包的vendor.js里面,比如像react,react-router,redux等. 随着引入的库越来越多,vendor文件也变得越来越大,于 ...

  3. 运维ip语法,DNS配置方法

    修改配置文件: /etc/resolv.conf nameserver DNS_IP_1 nameserver DNS_IP_2 nameserver 指定本机解析: /etc/hosts 主机IP ...

  4. webpack 功能大全 【环境配置】

    1. webpack简介 webpack 是一个模块打包工具.它使得模块相互依赖并且可构建等价于这些模块的静态资源.相比于已经存在的模块打包器(module bundler),webpack的开发动机 ...

  5. webpack 打包优化的四种方法(多进程打包,多进程压缩,资源 CDN,动态 polyfill)

    如今,webpack 毫无疑问是前端构建领域里最耀眼的一颗星,无论你前端走哪条路线,都需要有很强的webpack 知识.webpack 的基本用法这里就不展开讲了.主要探讨一下如何提高 webpack ...

  6. Vue项目无法使用局域网IP直接访问的配置方法

    一般使用 vue-cli 下来的项目是可以直接访问局域网 IP 打开的,比如 192.168.1.11:8080 .但是最近公司的一个项目只可以通过 localhost 访问. 需要配置一下,才可直接 ...

  7. webpack中typeScript的打包配置

    2018年typescript发展的非常好,js是一门非常灵活的语言,所以一个功能,怎么写都能够写出来,但是这也会导致一个问题,不同人写js的方式不同,那么会导致同一个功能出现的代码风格会迥然不同.这 ...

  8. Vue-cli3.0下的雪碧图插件webpack-spritesmith配置方法

    在前端项目中,为了减少对图片的请求次数,一般而言需要进行雪碧图的配置.即将多张小图标合并成一张图片,这样页面中的小图标都在一张图片上,只需请求一张图片,就可以通过CSS设置各个小图标的显示,利于节省带 ...

  9. webpack(2)--webapck自身的配置

    上一记介绍了webpack的安装和基本配置,本记将描述webpack自身的配置 一:指定webpack入口以及出口目录以及输出文件 相信读者在看完上一记后会有一点疑惑:为什么运行webpack要配置s ...

随机推荐

  1. Docker(五):Dockerfile

    我们使用 Dockerfile 定义镜像,依赖镜像来运行容器,因此 Dockerfile 是镜像和容器的关键,Dockerfile 可以非常容易的定义镜像内容,同时在我们后期的微服务实践中,Docke ...

  2. linux-PXE-12

    以DHCP+DNS模式管理服务器IP地址和主机名.服务器上架前,以其MAC地址为依据,在DHCP中配置主机保留并分配主机名.DHCP结合TFTP提供的PXE服务,提供PXE引导Linux内核和启动镜像 ...

  3. 选择vim编辑器的7个理由

    当我刚刚开始用 vi 文本编辑器的时候,我讨厌它!我认为这是有史以来设计上最痛苦和反人类的编辑器.但我还是决定我必须学会它,因为如果你使用的是 Unix,vi 无处不在并且是唯一一个保证你可以使用的编 ...

  4. free查看内存使用情况

    查看当前内存使用情况 [xiaoxi@xiaoxitest data]$ free -m total used free shared buffers cached Mem: -/+ buffers/ ...

  5. 论文学习 :Learning a Deep Convolutional Network for Image Super-Resolution 2014

    (Learning a Deep Convolutional Network for Image Super-Resolution, ECCV2014) 摘要:我们提出了一种单图像超分辨率的深度学习方 ...

  6. nodejs 简单的搭建一个服务器

    前言: nodejs 主要是后台语言  node 是在终端运行的,所以他可以进行 dos 命令 模块 自定义 JavaScript 是前台语言 nodejs 是 也是使用我们的 JavaScript ...

  7. 方法一破解:Excel工作表保护密码

    在excel2016中实测验证过有效 在Excel中,为了保护自已的工作表不被修改,我们可以添加保护密码. 操作步骤: 1.把Excel文件的扩展名xlsx修改为Rar.瞬间Excel文件变成了压缩包 ...

  8. 九、SpringBoot集成Thymeleaf模板引擎

    Thymeleaf咋读!??? 呵呵,是不是一脸懵逼...哥用我的大学四级英文知识告诉你吧:[θaimlif]. 啥玩意?不会音标?...那你就这样叫它吧:“赛母李府”,大部分中国人是听不出破绽的.. ...

  9. 六、IDEA-SpringBoot项目设置热部署

    啥是热部署!???(不要去查了,,同学) 根据上面的提示,我们已经完成了Spring Boot项目的创建和运行,但是有一个问题就是,每次修改代码之后都需要重新启动调试,代码才能生效,比较麻烦,那有没有 ...

  10. oracle中awr性能报告阅读笔记

    1.对于数据库运行的业务不太了解,那么awr性能报告中最需要关注的是Top 5 Timed Foreground Events和Time Model Statistics两个部分