详解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']
},
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
parse是解析json数据多种方法中的其中一种。这篇文章主要介绍了js中json处理总结之JSON.parse,需要的朋友可以参考下2016-10-10
JS获取浮动(float)元素的style.left值为空的快速解决办法
这篇文章主要介绍了JS获取浮动(float)元素的style.left值为空的快速解决办法,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-02-02
这篇文章主要介绍了JS绘图Flot如何实现动态可刷新曲线图,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-10-10
这篇文章主要为大家介绍了前端Token 组成及生成方法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04![实例分析Array.from(arr)与[...arr]到底有何不同](//img.jbzj.com/images/xgimg/bcimg4.png)
实例分析Array.from(arr)与[...arr]到底有何不同
这篇文章通过实例主要给大家分析介绍了关于Array.from(arr)与[...arr]到底有何不同的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-04-04
JavaScript——DOM操作——Window.document对象详解
下面小编就为大家带来一篇JavaScript——DOM操作——Window.document对象详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
这篇文章主要介绍了js实现简洁的TAB滑动门效果代码,通过简单的JavaScript自定义函数动态遍历页面元素实现tab滑动切换的功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
你知道new吗？你知道new的实现原理吗？你能手写new方法吗？不要担心，这篇文件就来带大家深入了解一下JavaScript中的new操作符，感兴趣的小伙伴可以学习一下2022-10-10
差点被FF下的insertRule给带晕了. sheet.insertRule("@import url('aa.css');",sheet.cssRules.length);2008-07-07
本来应该是第二章，接口，但因为闭包实在不懂，所以先看看闭包2010-05-05
![实例分析Array.from(arr)与[...arr]到底有何不同](http://img.jbzj.com/images/xgimg/bcimg4.png)
最新评论