一个关于React同构的实践项目。
哇,很难受。正在第二次重构中...
React + React-Router4.0 + Sass + Webpack + ES6/ES7 + Koa2.0 + Mongodb
cd ./client
npm i
npm start
- Webpack-开发环境搭建
- ESLint代码校验
- React热加载和替换功能
- Node端处理css(scss)
- 前后端路由统一
- React按需加载(Code Spliting)
- Webpack-生产环境搭建
css-modules 优缺点
优点
1、CSS Modules 可以有效避免全局污染和样式冲突,能最大化地结合现有 CSS 生态和 JS 模块化能力
2、与 SCSS 对比,可以避免 className 的层级嵌套,只使用一个 className 就能把所有样式定义好。
缺点:
1、与组件库难以配合
2、会带来一些使用成本,本地样式覆盖困难,写到最后可能一直在用 :global。