猿问

webpack中使用babel的转换失败

问题:在项目中使用webpack打包的时候发现,业务由于引用了node_modules中的代码是es6的。此时无论如何配置webpack配置,都无法使引用的代码降级。

备注:业务其他代码已经降级成功,唯独引用node moudules的代码无法降级。


UYOU
浏览 859回答 3
3回答

慕的地8271018

在rules写上 exclude: /node_modules/{    test: /\.js$/,    exclude: /node_modules/  }

翻过高山走不出你

感谢大家关注在搜索了一下GitHub后发现,babel默认不转换node_moduel中的内容,要去掉这个配置,需要在babelrc中配置 ignore配置项{    "plugins": [        "transform-runtime"    ],    "presets": ["es2015"],    "ignore" : false}即可转换nodemodules中的内容。题外话:babel官方不建议这种用法,因为node modules中暴露出来的代码,应该是立即可用的,不需要经过转换的,大家加入这条语句时可能需要小心点。采纳的方案是较优方案,可以参考我采纳的那个方案
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答