重写吧，为了你好，也为了后来接手的人好

直接 github 地址给你不就好了

@libasten 你的系统是前后端分离的么？用户凭据是存在 cookie 里的么？

应该做的是系统登录后，接口返回的 cookie 里面带一个 token，进入这个系统时，先判断 cookie 内是否有 token，如果没有，就跳回登陆页。
或者，跳转到一个中间链接，后端进行登陆，如果登陆成功，再次跳转到该管理系统。

but，附带已知的用户名和密码是怎么一回事？

基础的 html、css、javascript、node，
js 框架 angular、react、vue，
css 预处理器 less、sass、stylus。
webpack 用来构建中台的单页面应用和网站的多页面应用，
babel 用来将 esnext 编译成浏览器可执行的 js 代码，并且会帮你处理好代码的兼容问题，
gulp 可以作为库或者项目的构建工具使用，
rollup 作为库的打包工具使用，
测试框架 mocha 和 jest，
还有 typescript。

react-router-redux 没必要学，react-router、redux 和 react-redux 可以看一看，umijs 没必要，react 学会了 umi 看一看用一用就可以了。你可以看一看 koa 和 express，koa + webpack 可以开发单页面应用、快速编译、打包代码并上线运行。

其实我很久以前在 linux 下运行过开发者工具

提高了生产效率，并不觉得有什么不好

所以不管啥破事都得找前端，前端也真是辛苦

@liuhuansir 用的 source-code-pro。在 window 上，我换了 jdk11，貌似好一些了。mac 上我换了其他字体。

自己搭了一套即支持 react 又支持 vue 的 cli 环境

为了不加班，不给别人、不给自己擦屁股，不让别人、自己擦自己的屁股

其实 js 代码先算是先编译，然后混淆，通过美化格式，拿到的变量也是 abcdefg 这样，而且我还发现，用 chrome 或者 Firefox 断点调试 webpack 打包的文件的时候，会造成开发者工具栏卡死的情况

感觉是用 javascript-obfuscator 加密的

代码解决思路：

1. 使用 glob 拿到项目中所有的文件
2. 将所有的文件解析成绝对路径
3. 使用 @babel/parser 将 js 文件解析成 ast 树
4. 使用 @babel/traverse 提取 ast 树中 import 的相对路径并转换成绝对路径
5. 对比被使用了的文件后，剩下的文件就是没有用到的，或者是入口文件，排除入口
6. 同理，解析 css 文件可以使用 postcss
7. 解析 vue 文件需要使用 vue-template-compiler 和 @vue/component-compiler-utils 提取出 vue 文件中的 css 和 js 代码，然后重复上面的操作

总之，就是利用解析器将代码解析成 ast 树，提取出其中的路径，然后和所有文件进行比对

这种基本上就是需要后端出一个接口聚合数据，而不是让前端请求 10 个接口

gulp4 感觉比 gulp3 写起来更方便一些

对于 react hooks，是真香。所以对于 vue3 还是很期待的

不光用 eslint，代码基本上每个片段、每个思路都会写上注释