- 使用React读取相关的信息配置自动生成简历的网页
config, 打包的配置src, 主要的代码内容assets, 静态资源components, 公共的组件routes, 路由的配置pages, 主要的业务store, 全局redux的数据reducers, 匹配action的指令去操作改变store的方法actions, 发布动作指令apis, 所有的apimocks,mock数据index.js, 项目打包的主入口
dist, 打包过后的目录.babelrc,babel的配置.gitignore,git需要忽略的文件.npmignore,npm发布时需要忽略的文件README.md, 主要的说明
dependencies，生产环境所依赖的包，开发和生产环境都需要的包reactreact-domreact-routerreduxreact-reduxreact-router-domreact-router-redux
devDependencies，开发环境所依赖的包，仅仅在开发环境中需要使用babel-loader，解析jsx以及ES6语法的。css-loader，解析css。style-loader，这个与mini-css-extract-plugin冲突，已经去掉less-loader,less的解析url-loader, 文件解析html-loaderwebpack-dashboard，一个运行时的辅助工具，暂时没用上webpackwebpack-clipath@babel/core@babel/plugin-proposal-class-properties，支持ES6的class@babel/plugin-proposal-object-rest-spread，支持拓展运算符babel-plugin-import，配置import@babel/preset-env，支持新语法@babel/preset-react，支持React的语法webpack-dev-server，本地服务器html-webpack-plugin，动态的将js，css导入html，根据模板生成新的htmlhtmllint-loader，格式检查terser-webpack-plugin，UglifyJsPlugin在webpack4之后已经被放进了config中，在对应的config中配置该插件用来开启缓存和多进程clean-webpack-plugin，每次打包前先清空dist文件夹mini-css-extract-plugin，extract-text-webpack-plugin不支持webpack4.0之后的，有人说升级到4.0的beta就可以，但是我目前这个最新的版本的webpack依然会报错，只能找一个替代品，用来将代码里的css抽离出来作为单独的css文件。