详解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 相关文章推荐
在Javascript中定义对象类别
Dec 22 Javascript
javascript URL锚点取值方法
Feb 25 Javascript
javascript动态添加表格数据行(ASP后台数据库保存例子)
May 08 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
Jan 15 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
May 28 Javascript
浅析javascript操作 cookie对象
Dec 26 Javascript
JavaScript中的alert()函数使用技巧详解
Dec 29 Javascript
javascript实现时间格式输出FormatDate函数
Jan 13 Javascript
简单谈谈node.js 版本控制 nvm和 n
Oct 15 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
Nov 09 Javascript
JavaScript格式化json和xml的方法示例
Jan 22 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
May 28 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
php中日期加减法运算实现代码
2011/12/08 PHP
php打开远程文件的方法和风险及解决方法
2013/11/12 PHP
YII框架中使用memcache的方法详解
2017/08/02 PHP
浅析PHP数据导出知识点
2018/02/17 PHP
Javascript Global对象
2009/08/13 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
2013/12/25 Javascript
让angularjs支持浏览器自动填表
2014/11/10 Javascript
详解支持Angular 2的表格控件
2017/01/19 Javascript
基于JavaScript实现本地图片预览
2017/02/08 Javascript
ECMAScript6--解构
2017/03/30 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
2017/09/15 Javascript
限时抢购-倒计时的完整实例(分享)
2017/09/17 Javascript
详解webpack + react + react-router 如何实现懒加载
2017/11/20 Javascript
详解vue引入子组件方法
2019/02/12 Javascript
Node.js中package.json中库的版本号(~和^)
2019/04/02 Javascript
微信小程序 网络通信实现详解
2019/07/23 Javascript
微信小程序实现收货地址左滑删除
2020/11/18 Javascript
推荐几个不错的console调试技巧实现
2019/12/20 Javascript
Unicode和Python的中文处理
2017/03/19 Python
python logging日志模块以及多进程日志详解
2018/04/18 Python
padas 生成excel 增加sheet表的实例
2018/12/11 Python
Django如何实现网站注册用户邮箱验证功能
2019/08/14 Python
pytorch下大型数据集(大型图片)的导入方式
2020/01/08 Python
python实现opencv+scoket网络实时图传
2020/03/20 Python
python实现贪吃蛇双人大战
2020/04/18 Python
手对手的教你用canvas画一个简单的海报的方法示例
2018/12/10 HTML / CSS
C#面试常见问题
2013/02/25 面试题
介绍一下Make? 为什么使用make
2013/12/08 面试题
小区门卫岗位职责
2013/12/31 职场文书
网上开商店的创业计划书
2014/01/19 职场文书
《三峡》教学反思
2014/03/01 职场文书
2014法院干警廉洁警示教育思想汇报
2014/09/13 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
转学证明范本
2015/06/19 职场文书
小学英语教师2015年度个人工作总结
2015/10/14 职场文书
Python Flask实现进度条
2022/05/11 Python