# react-group **Repository Path**: e23jiang/react-group ## Basic Information - **Project Name**: react-group - **Description**: 砍价团活动 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2016-03-11 - **Last Updated**: 2020-12-18 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # react-group 砍价团项目 * 采用的是[react](https://github.com/facebook/react)作为前端view模块, * 使用redux架构实现。 * 整个源码采用es6编写,通过babel5进行编译转换。 * 代码模块化及打包采用的webpack * 产线构建依旧采用gulp来处理。经验证:webpack在hash过程会加入路径,不同路径相同产物的hash值不一致,导致static和node站点发布版本号不一致。且本身webpack只在处理前端打包上面优势明显,构建方便还是gulp比较有优势。 ### npm scripts 后续项目命令通过通过npm管理,将所有命令包装到npm scripts中。 #### start 开发环境服务器,通过 http://localhost:8080/list访问 #### gulpInit 将gulpfile.babel.js编译成gulpfile.js 也就是es6转换成es5 #### release 生产发布 #### build 发布编译 ## 发布 ``` npm run release ``` 测试环境跳转发布方式测试命令 ``` npm run build ``` 这里两者之间的区别为,是否清空node_modules中的依赖。前者打包是是在后者打包的基础上清除了不需要在生产环境中使用的依赖,然后再打包成产线所需的产物。 ### gulp ``` npm run release 相当于 gulp build ``` ``` npm run build 相当于 gulp build:test ``` ### webpack webpack针对不同环境有两config ### License MIT