详解webpack es6 to es5支持配置

这篇文章主要介绍了详解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'] }, }

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

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wypwwy.html