加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

Web机能优化: 行使Webpack疏散数据的正确要领

发布时间:2019-03-05 19:15:22 所属栏目:建站 来源:前端小智
导读:拟定向用户提供文件的最佳方法也许是一项棘手的事变。 有许多差异的场景,差异的技能,差异的术语。 在这篇文章中,我但愿给你全部你必要的对象,这样你就可以: 相识哪种文件支解计策最得当你的网站和用户 知道怎么做 按照 Webpack glossary,有两种差异类

行使 Webpack 4 和 import() 语法(不要与 import 语法夹杂),有前提地加载polyfill 很是轻易。

  1. import React from 'react';  
  2. import ReactDOM from 'react-dom';  
  3. import App from './App/App';  
  4. import './index.css';  
  5. const render = () => {  
  6.   ReactDOM.render(<App />, document.getElementById('root'));  
  7. }  
  8. if (  
  9.   'fetch' in window &&  
  10.   'Intl' in window &&  
  11.   'URL' in window &&  
  12.   'Map' in window &&  
  13.   'forEach' in NodeList.prototype &&  
  14.   'startsWith' in String.prototype &&  
  15.   'endsWith' in String.prototype &&  
  16.   'includes' in String.prototype &&  
  17.   'includes' in Array.prototype &&  
  18.   'assign' in Object &&  
  19.   'entries' in Object &&  
  20.   'keys' in Object  
  21. ) {  
  22.   render();  
  23. } else {  
  24.   import('./polyfills').then(render);  

(编辑:湖南网)

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

热点阅读