webpack4下的ES6转ES5和兼容IE的配置

1、如下图，如果我们用了es6的语法，会在IE9、IE10下报错

2、安装依赖

执行命令：npm install @babel/core @babel/preset-env babel-loader -D
@babel/core提供了es6转es5的功能
@babel/preset-env提供了解析js语法的配置

3、新增.babelrc文件，添加下面代码

{
  "presets": ["@babel/preset-env"]
}

4、修改webpack配置，扩展rules

{
    test: /.js$/,
    loader: 'babel-loader',
    include: path.join(__dirname, 'src'),
    exclude: '/node_modules/'
}

5、结果

注意：如果按照上述步骤还是不成功，建议删除【node_module】目录再试一次

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/TionSu/article/details/106303297
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-06-28 01:40:40
阅读 ( 1398 )
分类：

webpack4下的ES6转ES5和兼容IE的配置

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看