multi_page_webpack_react_app/src/views/index/demo.jsx

基于webpack4配置的多页面react项目、开箱即用的脚手架。默认配置为react+less，可根据需求自行修改（vue、jq，sass、stylus等），也可自行修改为单页面应用。

import React, { useState } from 'react';
import './demo.less';
import demoImg from '../../img/demo.jpg';

export default () => {
  const [lazyLoad, setLazyLoad] = useState(null);
  const handleLazyLoad = async () => {
    const res = await import(/* webpackChunkName: 'lazyLoad' */ './lazyload.js');
    setLazyLoad(res.default);
  };
  return (
    <div className="demo">
      <button onClick={handleLazyLoad} type="button">
        lazyLoad
      </button>
      {lazyLoad}
      <img src={demoImg} alt="" />
    </div>
  );
};