babel 处理 node_modules 文件

babel 处理 node_modules 文件

webapck

exclude

• .babelrc 重命名 babel.config.json

看了webpack中的 exclude 配置已经去掉了 node_modules 的屏蔽，所以应该是会对node_modules的依赖进行babel处理的，但是发现编译结果是没有处理。最后翻了Babel官网发现如果需要babel处理node_modules的代码需要使用babel.config.json 来配置babel而不是.babelrc。

vue-cli

transpileDependencies

• Type: boolean | Array<string | RegExp>

• Default: false

默认情况下 babel-loader 会忽略所有 node_modules 中的文件。你可以启用本选项，以避免构建后的代码中出现未转译的第三方依赖。

不过，对所有的依赖都进行转译可能会降低构建速度。如果对构建性能有所顾虑，你可以只转译部分特定的依赖：给本选项传一个数组，列出需要转译的第三方包包名或正则表达式即可。

参考资料

vue-cli3.x配置babel转换node-modules中的安装包