详解webpack es6 to es5支持配置
更新时间：2017年05月04日 10:24:32 作者：三寸蜡笔
这篇文章主要介绍了详解webpack es6 to es5支持配置 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
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']
},
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章给大家详细介绍了Promise中的then链机制用法,每一次 .then都会返回一个新的promise实例,文中通过代码示例给大家介绍的非常详细,需要的朋友可以参考下2023-12-12
下面小编就为大家带来一篇让html元素随浏览器的大小自适应垂直居中的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要为大家详细介绍了bootstrap switch开关组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要介绍了微信小程序实现获取用户信息并存入数据库操作,涉及微信小程序wx.request后台数据交互及php数据存储相关操作技巧,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了js仿微博实现统计字符和本地存储功能的相关资料,需要的朋友可以参考下2015-12-12
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
这篇文章主要介绍了Bootstrap进度条与AJAX后端数据传递结合使用,需要的朋友可以参考下2017-04-04![完美解决input[type=number]无法显示非数字字符的问题](//img.jbzj.com/images/xgimg/bcimg6.png)
完美解决input[type=number]无法显示非数字字符的问题
下面小编就为大家带来一篇完美解决input[type=number]无法显示非数字字符的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
这篇文章主要介绍了jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动,需要的朋友可以参考下2014-03-03
性能优化自古以来就是重中之重，本文关于uniapp项目优化方式最全整理，会根据开发情况进行补充，感兴趣的可以了解一下2021-08-08
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。本文给大家分享Bootstrap的图片轮播示例代码，小伙伴们快来围观吧。2015-08-08
![完美解决input[type=number]无法显示非数字字符的问题](http://img.jbzj.com/images/xgimg/bcimg6.png)
最新评论