react-ve即用型react脚手架,不使用create-react-app,直接使用webpack显式配置,配置透明。我根据大多数公司的共同需求搭建了脚手架,并优化了项目,因此它可以支持小型和大型项目。一个小建议建议使用typescript进行数据控制。在数据控制方面,推荐大家使用ImmutableJs来控制数据,因为它和react真的是绝配。页面中往往会有在用户操作过程中出现的组件,例如通过点击出现的弹出框。如果弹出框的内容太大,建议大家使用async-loadable,可以方便的获取按需加载的组件。样式方面,建议在入口文件中直接引用公共样式使用less,页面级样式使用styled-components优化代码,丑化压缩代码拆分模板。安装使用npminstallreact-ve-greact-veinit[projectName]将项目作为独立文件启动cd[projectName]yarn或npminstallnpmrundllnpmstart在浏览器地址栏输入:localhost:3000访问项目打包,只需运行npmrunbuild,项目就会被打包到dist文件夹中。默认的技术栈是:reacttypescriptantdstyled-componentsreact-router-domimmutable。您可以根据自己的喜好安装或卸载它们。建议:项目公共样式(包括antd、framework、decoration页面)少用,页面级样式使用styled-components,防止样式污染。DLL:在webpack.dll.config.babel.js中,默认打包的公共包包括:entry:{vendor:['react','react-dom','antd','react-router-dom','immutable']}可以根据自己的喜好进行裁剪
