在webpack中使用babel-loader时,想include一个node_modules的包未生效各位有什么建议?

我引入了一个包react-loadable,这个包的代码中用了Object.assign(),但是我想兼容ie10,所以想把react-loadable包通过我的babel编译成兼容ie10的代码。项目目录是正确的,能正常编译,但是react-loadable中的代码没有被我的babel编译到,请问这是为什么?
webpack:4.41.0bable:6.23.0
webpack配置:
module:{
rules:[
{
test:/\.(jsx|js)$/,
include:[
resolve("../node_modules/react-loadable"),
resolve("../src"),
resolve("./router.config.js")
],
use:["babel-loader"]
},
]
}
.babelrc配置:
{
"presets":[
[
"@babel/preset-env",
{
//将es6的语法翻译成es5语法
"targets":{"ie":"10"},
"useBuiltIns":"usage",//做@babel/polyfill补充时,按需补充,用到什么才补充什么,
"corejs":"3"
}
],
"@babel/preset-react"
],
"plugins":[
//处理class类
"@babel/plugin-proposal-class-properties",
//异步加载
"@babel/plugin-syntax-dynamic-import"
]
}
项目github地址:https://github.com/warnerhu/customWebpack
炎炎设计
浏览 546回答 2
2回答

万千封印

用了第一种方法,确实编译通过了,但是我的corejs配置是3,所以import'@babel/polyfill';应该替换成:import"core-js/stable";import"regenerator-runtime/runtime";但是ie中react-loababel支持得不好,还是没完全加载到组件。。。真磨人啊。。。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript