最新版本的 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
最赞回答 / 诸葛钢铁加鲁鲁
文件出入很正常,老师的视频都是挺长时间以前的,运行项目用 npm start试一试,要是用npm run dev 得看有一个配置项是否配置了dev的,所以建议用npm start试一下吧
2017-06-28