由于是初次学react,网上视频很少,老师讲了很好,就是有点旧,下面是自己完成的项目:
项目地址:https://github.com/Acalpha/gallery-by-react;
项目展示:https://acalpha.github.io/gallery-by-react/dist/index.html;
自己还在改善,欢迎参考,欢迎留言讨论;
项目地址:https://github.com/Acalpha/gallery-by-react;
项目展示:https://acalpha.github.io/gallery-by-react/dist/index.html;
自己还在改善,欢迎参考,欢迎留言讨论;
2017-07-14
最新版本的 react-webpack 已经好久没有更新了,webpack 依然用1.12.0的版本,没有json-loader, 没有sass-loader。 1。所以需要自己安装json-loader进来,然后改cfg/default 的配置文件,把json-loader加进去,并且require 的时候需要加上json!. eg: require('json!../data/imageData.json'). 2。安装node-sass3.8.0 和sass-loader4.0.0版本,千万不要安装最新版本的sass, 要不然会报各种版本依赖错误!
问题,用require 来引入图片的时候。如果url 提取出来,会报Uncaught Error: Cannot find module '../images/1.jpg'. 如果不把url 提取出来,又可以生效的。为什么?估计也是为什么不能在json 文件中定义imageURL.
eg: let url = '../images/' + item.fileName;
let imageUrl = require(url); //Not Work
eg: let imageUrl = require('../images/' + item.fileName); //Work
eg: let url = '../images/' + item.fileName;
let imageUrl = require(url); //Not Work
eg: let imageUrl = require('../images/' + item.fileName); //Work