React搭建-Utils, Styles

这几篇文章主要是为了记录我怎么搭建一个简易的环境，以后还需要搭环境的时候可以快速搭建。

 

这里记录一下Utils, Styles, Router相关文件的结构：

先放一张整理的结构：

 

 

Utils:

这个是我比较喜欢的结构

 在上篇记录里说过通过index来集合所有的utils

import Router from './router';

export const Router = Router;

 

 然后再根据功能不同建立不同的utils文件，如果有些功能比较复杂，也可以在utils文件夹下面再建立新的文件夹，结构也是index+other的样子。这里刚开始只有Router的方法：

export function simpleRedirect(path) {
  return ({ params }, replace) => replace(path);
}

const Router = {
  simpleRedirect
};

export default Router;

 

 

Styles:

 在style的文件夹下面应该只有三个主文件，就是index, custom和libs。

 同样，index只用来集合custom和libs。

@import "./libs.less";
@import "./custom.less";

 

custom是用来写一些项目公用的一些css在里面，如果有需要可以多建立几个文件，然后再custom中引入

libs是用来引入所有的lib的样式表

@import "~bootstrap/less/bootstrap.less";