Javascript 有条件地添加babel core js的正确方法是什么
我用google page speed insight检查我的网站,结果显示“避免向现代浏览器提供遗留JavaScript” 我已经巴贝尔环境设置了这样的东西,似乎没有正常工作Javascript 有条件地添加babel core js的正确方法是什么,javascript,reactjs,webpack,core-js,babel-core,Javascript,Reactjs,Webpack,Core Js,Babel Core,我用google page speed insight检查我的网站,结果显示“避免向现代浏览器提供遗留JavaScript” 我已经巴贝尔环境设置了这样的东西,似乎没有正常工作 ["@babel/preset-env", { "useBuiltIns": "usage", "corejs": 3, "targets": { "browsers": [&qu
["@babel/preset-env", {
"useBuiltIns": "usage",
"corejs": 3,
"targets": {
"browsers": ["last 2 version", "ie > 11"]
}
}]
在我的entry.js文件中,我曾经导入“core js/stable”
然而,我试图这样改变。我不确定core js是否会在旧版浏览器崩溃之前添加
if(!isModernBrowser(navigator.userAgent)) {
import('core-js/stable')
}
你们如何只为一些需要CoreJS的浏览器添加CoreJS?
我正在使用一个自定义的网页和SSR
我的全套babelrc
{
"presets": [
"@babel/preset-react",
["@babel/preset-env", {
"useBuiltIns": "usage",
"corejs": 3,
"targets": {
"browsers": ["last 2 version", "ie > 11"]
}
}]
],
"plugins": [
"react-hot-loader/babel",
"@babel/plugin-transform-arrow-functions",
"@babel/plugin-transform-spread",
"@babel/plugin-proposal-object-rest-spread",
"@babel/plugin-syntax-dynamic-import",
[
"babel-plugin-webpack-alias",
{
"config": "${PWD}/config/aliases/aliases.config.js"
}
],
[
"@babel/plugin-proposal-decorators",
{
"legacy": true
}
],
"@babel/plugin-transform-runtime",
"react-imported-component/babel",
"@babel/plugin-syntax-import-meta",
"@babel/plugin-proposal-class-properties",
"@babel/plugin-proposal-json-strings",
"@babel/plugin-proposal-function-sent",
"@babel/plugin-proposal-export-namespace-from",
"@babel/plugin-proposal-numeric-separator",
"@babel/plugin-proposal-throw-expressions"
]
}
如果只有一个版本是静态部署的,并且您需要支持IE11,那么您需要服务于遗留JavaScript。如果我不支持IE11,我不需要为旧版本的现代浏览器提供core js吗?