由于是初次學(xué)react,網(wǎng)上視頻很少,老師講了很好,就是有點舊,下面是自己完成的項目:
項目地址: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
關(guān)于webpack等構(gòu)建工具的使用還是不要聽了,我都是聽的關(guān)于react語法,然后對比著去看文檔。
2017-07-07
最新版本的 react-webpack 已經(jīng)好久沒有更新了,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, 要不然會報各種版本依賴錯誤!
2017-07-06
問題,用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
2017-07-05
webpack 2.0 以上已經(jīng)自帶json-loader,所以不需要再引用或者安裝json-loader,但是必須保證已經(jīng)安裝了webpack(npm install -g webpack), 不單單安裝yo! 要不然讀不了json 文件。
2017-07-05