webpack中使用babel的转换失败

Question

问题：在项目中使用webpack打包的时候发现，业务由于引用了node_modules中的代码是es6的。此时无论如何配置webpack配置，都无法使引用的代码降级。备注：业务其他代码已经降级成功，唯独引用node moudules的代码无法降级。

Answer 1

在rules写上 exclude: /node_modules/

{

    test: /\.js$/,

    exclude: /node_modules/

  }

Answer 2

感谢大家关注

在搜索了一下GitHub后发现，babel默认不转换node_moduel中的内容，要去掉这个配置，需要在babelrc中配置 ignore配置项

{

    "plugins": [

        "transform-runtime"

    ],

    "presets": ["es2015"],

    "ignore" : false

}

即可转换nodemodules中的内容。

题外话：babel官方不建议这种用法，因为node modules中暴露出来的代码，应该是立即可用的，不需要经过转换的，大家加入这条语句时可能需要小心点。

采纳的方案是较优方案，可以参考我采纳的那个方案