Web性能优化： 使用Webpack分离数据的正确方法

使用 Webpack 4 和 import() 语法（不要与 import 语法混淆），有条件地加载polyfill 非常容易。

import React from 'react';  
import ReactDOM from 'react-dom';  
import App from './App/App';  
import './index.css';  
const render = () => {  
  ReactDOM.render(<App />, document.getElementById('root'));  
}  
if (  
  'fetch' in window &&  
  'Intl' in window &&  
  'URL' in window &&  
  'Map' in window &&  
  'forEach' in NodeList.prototype &&  
  'startsWith' in String.prototype &&  
  'endsWith' in String.prototype &&  
  'includes' in String.prototype &&  
  'includes' in Array.prototype &&  
  'assign' in Object &&  
  'entries' in Object &&  
  'keys' in Object  
) {  
  render();  
} else {  
  import('./polyfills').then(render);  
} 

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!