常见问题汇总

Babel 快速升级问题

语雀内容

自定义扩展或查看打印 Webpack 配置

语雀内容

禁用图片压缩插件 imagemin-webpack-plugin 安装

语雀内容

React 文件热更新入口配置模板

  1. import React from 'react';
  2. import ReactDom from 'react-dom';
  3. import { AppContainer } from 'react-hot-loader';
  4. import Entry from '${this.resourcePath.replace(/\\/g, '\\\\')}';
  5. const state = window.__INITIAL_STATE__;
  6. const render = (App)=>{
  7.  // 如果是 SSR 渲染时，请用 hydrate， 否则用 render，主要解决警告问题，不影响实际功能
  8.  ReactDom.hydrate(EASY_ENV_IS_DEV ? <AppContainer><App {...state} /></AppContainer> 
  9.     : <App {...state} />, document.getElementById('app'));
  10. };
  12. if (module.hot) {
  13.   module.hot.accept('${this.resourcePath.replace(/\\/g, '\\\\')}', () => { render(Entry); });
  14. }
  15. render(Entry);

热更新 HMR 生效，但页面没有更新

  1. if (module.hot) {
  2.   module.hot.accept('${this.resourcePath.replace(/\\/g, '\\\\')}', () => { render(Entry); });
  3. }
  5. 改成
  7. if (module.hot) {
  8.   module.hot.accept();
  9. }

更多常见问题