react/umi随笔

1、项目迁移
index.tsx中文件修改为（这样一来就是props.children里的盒子是谁就是谁，解决再有其他div包含）
import React from ‘react’;
const BasicLayout: React.FC = props => {
return (
<React.Fragment>
{props.children}
</React.Fragment>
);
};
export default BasicLayout;

2、修改默认端口号8000
在文件.env中添加PORT=3002

3、引入css文件但是没有效果

用import ‘./***.css’这种方式导入css文件后（没有用import styles from ‘./***.css’这种方式）
刷新页面发现并没有变化，打开浏览器调试窗口，查看sources（有个文件umi.css）
发现引入的样式确实是存在的，只不过被加上了其他的后缀(这个是umi自己默认加上，我们并不想要这个东西，在.umirc.js文件中添加配置)，在直接选中某元素查看其样式时不能出现对应的样式，除非是直接用标签名写的样式如p{}
在文件.umirc.ts中添加
cssLoaderOptions:{
localIdentName:’[local]’
}

可参考的网站

webpack import()动态加载模块的分析

https://www.php.cn/js-tutorial-406829.html