详解webpack es6 to es5支持配置


Posted in Javascript onMay 04, 2017

1. 安装webpack

npm install webpack --save-dev

2. 安装babel  实现 ES6 到 ES5

npm install --save-dev babel-core babel-preset-es2015

3.安装 babel-loader

npm install --save-dev babel-loader

webpack.config.js完整配置

module.exports = {
  entry: './src/js/app.js',
  output: {
    path: './dest',
    filename: 'app.bundle.js',
  },
  module: {
    loaders: [{
      test: /\.js$/,
      exclude: /node_modules/,
      loader: 'babel-loader',
    }]
  },
  babel: {
   presets: ['es2015']
  },
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery EasyUI API 中文文档 - Draggable 可拖拽
Sep 29 Javascript
jquery获取焦点和失去焦点事件代码
Apr 21 Javascript
jQuery获取动态生成的元素示例
Jun 15 Javascript
js创建表单元素并使用submit进行提交
Aug 14 Javascript
浅谈Javascript中substr和substring的区别
Sep 30 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
Apr 11 Javascript
微信小程序 生命周期函数详解
May 24 Javascript
简单实现js进度条加载效果
Mar 25 Javascript
基于JavaScript实现评论框展开和隐藏功能
Aug 25 Javascript
JS 中document.write()的用法和清空的原因浅析
Dec 04 Javascript
vue-element-admin 菜单标签失效的解决方式
Nov 12 Javascript
JS实现滑动拼图验证功能完整示例
Mar 29 Javascript
angular 基于ng-messages的表单验证实例
May 04 #Javascript
JS实现标签页切换效果
May 04 #Javascript
ES6下React组件的写法示例代码
May 04 #Javascript
JS触摸事件、手势事件详解
May 04 #Javascript
详解Angular 4.x Injector
May 04 #Javascript
详解Vue中使用v-for语句抛出错误的解决方案
May 04 #Javascript
详解Node.js串行化流程控制
May 04 #Javascript
You might like
新版mysql+apache+php Linux安装指南
2006/10/09 PHP
PHP中使用gettext来支持多语言的方法
2011/05/02 PHP
关于php内存不够用的快速解决方法
2013/10/26 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
[转]JS宝典学习笔记
2007/02/07 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
2014/11/26 Javascript
js动态修改表格行colspan列跨度的方法
2015/03/30 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
2015/06/19 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
2016/07/01 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
Vue2.x通用条件搜索组件的封装及应用详解
2019/05/28 Javascript
vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)
2020/02/25 Javascript
jQuery弹框插件使用方法详解
2020/05/26 jQuery
2分钟实现一个Vue实时直播系统的示例代码
2020/06/05 Javascript
解决vue-cli输入命令vue ui没效果的问题
2020/11/17 Javascript
[40:10]2015国际邀请赛全明星表演赛
2015/08/07 DOTA
Python实现将DOC文档转换为PDF的方法
2015/07/25 Python
Python爬虫 bilibili视频弹幕提取过程详解
2019/07/31 Python
利用jupyter网页版本进行python函数查询方式
2020/04/14 Python
python 图像判断,清晰度(明暗),彩色与黑白实例
2020/06/04 Python
Pycharm中使用git进行合作开发的教程详解
2020/11/17 Python
Python 利用Entrez库筛选下载PubMed文献摘要的示例
2020/11/24 Python
python可视化 matplotlib画图使用colorbar工具自定义颜色
2020/12/07 Python
为什么UNION ALL比UNION快
2016/03/17 面试题
入党转预备思想汇报
2014/01/07 职场文书
妇女儿童发展规划实施方案
2014/03/16 职场文书
企业厂务公开实施方案
2014/03/26 职场文书
父母对孩子说的话
2014/04/12 职场文书
小学生读书活动总结
2014/06/30 职场文书
接收函格式
2015/01/30 职场文书
来探秘“德国中小企业”的成功之道
2019/07/26 职场文书
Go 自定义package包设置与导入操作
2021/05/06 Golang
navicat 连接Ubuntu虚拟机的mysql的操作方法
2022/04/02 MySQL
vue实现列表垂直无缝滚动
2022/04/08 Vue.js
Windows server 2012 NTP时间同步的实现
2022/06/25 Servers