react + redux + router + webpack + ES6 + postCss +immutable
-
首先确保自己安装了node.js,然后全局安装yeoman
npm install -g yo
-
然后安装脚手架（注意安装好脚手架之后,会自动npm install 下载所需要的关联模块，无需手动下载）
npm install -g generator-react-module-kit
-
在需要开发react项目文件中 生成结构脚手架
yo react-module-kit
-
会生成以下目录
├── package.json ├── server.js ├── src │ ├── images │ ├── index.html │ ├── js │ │ ├── Component │ │ │ └── index.jsx │ │ ├── Config │ │ │ ├── Tool.jsx │ │ │ └── phonerm.js │ │ ├── Redux │ │ │ ├── Action │ │ │ │ └── Index.jsx │ │ │ ├── Reducer │ │ │ │ └── Index.jsx │ │ │ └── Store │ │ │ └── Store.jsx │ │ ├── Router │ │ │ └── Route.jsx │ │ └── public.jsx │ └── style │ └── reset.css └── webpack.config.js
-
热更新开发命令(可以再package.json里面配置):
node server.js -
生产命令
npm run build
- 配置里面的baseurl再生成项目的时候需要替换文件里面的资源文件路径，变成绝对地址。
- 本项目默认监听端口是8883，所以在浏览器输入 http://localhost:8883 就能看到效果了。
- 监听端口和实时刷新的功能都能在
webpack.config.js文件中修改配置
