目前是用requirejs
把 jsx 文件分为 view 和 ui 两个目录,开发的时候直接调试 jsx, 发布时用 grunt-react 将目录下的文件输出到 view.js 和 ui.js
但我也遇到问题, 我用的 react-router 用chrome react tool 查看页面时,发现每加载一次 页面
下面就会多出一个 , 项目周期紧也没时间查原因
目前是用requirejs
把 jsx 文件分为 view 和 ui 两个目录,开发的时候直接调试 jsx, 发布时用 grunt-react 将目录下的文件输出到 view.js 和 ui.js
但我也遇到问题, 我用的 react-router 用chrome react tool 查看页面时,发现每加载一次 页面
下面就会多出一个 , 项目周期紧也没时间查原因
Webpack。参考的是这个项目 https://github.com/steida/este 。webpack 的配置可读性比较差,configuration 的选项太多了。 este 的够用也不多。
目前是采用requireJS+webpack的玩法,在html上用requirejs加载webpack的entrys,发布生产环境时自动把webpack生成的带有chuckhash的entrys配到requireJS的paths里,这样在开发和生产环境时也只用一套代码,html中引入的script标签也只有require这一个,减小了前端项目与服务端模板的耦合。