Skip to content

qiqijojo/webpack-react-project

Repository files navigation

JavaScript Style Guide code style: prettier stylelint (latest) antd (latest) @babel/preset-env (latest) PRs Welcome

以上为库的最新版,不过本人项目中暂未更新


使用方法

# 启动命令
npm start

# 切换环境
npm start --qa # qa 环境

# 构建命令
npm run build # (打包若要开启分析器,则需要修改switch文件:`OPEN_WBA: true`)

功能

包含已完成功能、待完成功能,会不定期更新

具体配置过程中的文档可查阅:webpack4+react 文档

  • antd 主题修改(修改theme.js文件需重新启动才会生效)
  • 代码以及提交(commit)规范(editorConfig、eslint、prettier、stylelint、commitlint
  • css Modules支持
  • webpack dll 支持
  • 打包(减小体积):资源压缩(js、css、img、font···)
  • 打包(提升速度):应用和dll分离
  • 按需加载
  • 添加Error Boundary
  • 项目目录划分(页面创建-路由添加)
  • 定期手动更新版本库
  • 添加Travis CI
  • CI发布原理(写脚本进行域名、主机映射)
  • proxy代理请求(根据npm_config_xx进行域名转换)
  • request请求文件配置
  • 分支管理(ts、mobx、rxjs)
  • 添加单元测试 - (jasmine-单元测试) + (istanbul-测试覆盖率)
  • 命令安装脚手架(初始化)- 原理了解: 查看(https://www.jianshu.com/p/700393f669e3)

package.json说明:

  • stylelint、url-loader安装了,暂时没用。