NodeMirai / freedraw

不顺屋前端

一. 环境搭建

1、react作为view层框架
react react-dom react-router redux react-redux redux-thunk
2、webpack作为打包工具 webpack与各种loader(babel，style，css，eslint)以及plugin
webpack-dev-server
3、eslint校验语法规则 eslint与各种第三方规则
4、babel提供es6与jsx支持
5、socket.io实现双向通信(websocket)
6、express做后端服务
7、scss作为css语言
sass-loader node-sass css-loader style-loader

• css-loader 用于将 css 当做模块一样来 import
• style-loader 用于自动将 css 添加到页面

二. 项目结构

问题

1. 如何在webpack下调试代码 devtool: 'eval-source-map',
2. webpack-dev-server热启动

规范

1. 所有列表都以单数+List命名