三十、webpack中 ES6 转 ES5

■仔细阅读webpack打包的is文件,发现写的ES6语法并没有转成ES5,那么就意味着可能一些对ES6还不支持的浏览器没有办法很好的运行我们的代码。

■如果希望将ES6的语法转成ES5,那么就需要使用babel。

  而在webpack中,我们直接使用babel对应的loader就可以了。

  npm install --save-dev babel-loader@7 babel-gore babel-preset-es2015

■配置webpack.config.js文件 

 

 ■重新打包,查看bundle.js文件,发现其中的内容变成了 ES5 的语法。

posted @ 2022-04-13 15:56  搬砖工具人  阅读(184)  评论(0编辑  收藏  举报