详解webpack es6 to es5支持配置
编程学习 2021-07-04 18:32www.dzhlxh.cn编程入门
这篇文章主要介绍了详解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']
},
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。