这几篇文章主要是为了记录我怎么搭建一个简易的环境,以后还需要搭环境的时候可以快速搭建。
这里记录一下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";