react配合antd组件实现的管理系统示例代码(2)

{ test: /\.(js|jsx|mjs)$/, include: paths.appSrc, loader: require.resolve('babel-loader'), options: { // This is a feature of `babel-loader` for webpack (not Babel itself). It // enables caching results in ./node_modules/.cache/babel-loader/ directory for // faster rebuilds. cacheDirectory: true, plugins: [ 'react-hot-loader/babel' ] } },

步骤五：

重写index.js，App挂载

import { AppContainer } from 'react-hot-loader' const render = Component => { ReactDOM.render( <AppContainer> <Component></Component> </AppContainer>, document.getElementById('root') ) } render(App) if(module.hot) { module.hot.accept('./App',() => { render(App); }); }

7-3. 本地浏览

直接在package.json中 加入

homepage:'.'

后记：使用react与vue的感悟

react是函数式编程，代码难度、学习曲度、装逼指数，社区生态多样性相比vue更高一点。

vue提供了大量的指令降低了开发难度，详细完善的文档，上手更快。

react提供较少的api,相比vue的指令，业务场景的功能需要自己实现，难度更高一点

vue适合中小型项目，单兵、少量人员配合快速开发

react适合大型项目，多人协作