Vue项目代码修改

1.使用varibles变量文件抽取样式（stylus css预处理器）

新建styl文件

//主题色
$theme-color = #1989fa

//基础颜色
//白色
$white-color =  #ffffff
//灰色
$grey-color = #DFDFDF

在vue组件中引入

@import "~styles/varibles.styl";

2.分离路由文件

随着页面的增加，路由文件行数增加到几百上千行，不利于后期维护。所以将路由根据模块分离成一个个单独文件，然后在路由主文件引入。
分离后目录如下：

commonRoutes.js

/**
 * 通用页面router列表
 */
export default [
  //附件列表
  {
    path: "/fileUploadList",
    name: "FileUploadList",
    component: resolve =>
      require(["@/views/common/FileUploadList.vue"], resolve)
  }
];