/*index.module.scss*/
.test{
    background-color: pink;
    min-height: 100vh;
}

// index.jsx中
import React from 'react';
import styles from './index.module.scss'

function App() {
  return (
    <div className={styles.test}>
    </div>
  );
}

export default App;

// 1.引入
import loadable from 'react-loadable';
import Loading from '@/components/Loading';
// import Index from '@/pages/Index';
// import IndexSort from '@/pages/IndexSort';

// 2.改造引入組件的方式
const Index = loadable({
  loader:()=>import('@/pages/Index'),
  loading:Loading,//Loading為加載中展示的組件
});
const IndexSort = loadable({
  loader:()=>import('@/pages/IndexSort'),
  loading:Loading,
});

// 3.直接使用改造之后的組件
　　{
      path: '/',
      exact:true,
      component: Index,
    },
    {
      path: '/index-sort',
      component: IndexSort,
    },