react图片画廊

实现慕课react图片画廊慕课课程的demo

原视频地址 React实战–打造画廊应用

用es6,和stylus 实现,
stylus用的很少,完全可以替换成less,或者sass。
分析了编程遇到的各种问题,提出疑问,并解决。

安装generator-react-webpack
webpack笔记
react笔记

演示地址
git地址

安装

下载完包后,使用npm install 安装
如果提示
PhantomJS not found on PATH

运行

下载后,运行命令
跑dev
npm start 运行
跑dist
npm run copy & webpack –env=dist
node server.js –env=dist

相对地址引用

此时defaults.js
publicPath: ‘/assets/‘
使用本地相对地址将改为
publicPath: ‘./assets/‘
重新跑dist 程序

并且 把 index 的引用app.js路径,改为
./assets/app.js

不然会报错 根目录/assets/app.js Failed to load resource: the server responded with a status of 404 (Not Found)