postcss.config.js的內(nèi)容
module.exports = {
parser: 'postcss-less', //限制語(yǔ)法結(jié)構(gòu)，這里采用LESS
plugins: {
'postcss-import': {},
'autoprefixer':{ //自動(dòng)加瀏覽器前綴的插件
browers: ['last 5 versions','ie >= 12']
},
'cssnano': {} // 必須把這個(gè)放在下面，是壓縮css的插件
}
}
module.exports = {
parser: 'postcss-less', //限制語(yǔ)法結(jié)構(gòu)，這里采用LESS
plugins: {
'postcss-import': {},
'autoprefixer':{ //自動(dòng)加瀏覽器前綴的插件
browers: ['last 5 versions','ie >= 12']
},
'cssnano': {} // 必須把這個(gè)放在下面，是壓縮css的插件
}
}
2017-11-28
2017年11月的react-webpack 生成的項(xiàng)目加入postcss的方法：
1. 首先安裝一堆包 postcss-less、postcss-loader、postcss-import、cssnano、autoprefixer
2. 在需要編譯css的目錄創(chuàng)建配置文件 postcss.config.js
3. 然后！配置loader！在default.js里面
test: /\.css$/,
loader: 'style-loader!css-loader!postcss-loader'
1. 首先安裝一堆包 postcss-less、postcss-loader、postcss-import、cssnano、autoprefixer
2. 在需要編譯css的目錄創(chuàng)建配置文件 postcss.config.js
3. 然后！配置loader！在default.js里面
test: /\.css$/,
loader: 'style-loader!css-loader!postcss-loader'
2017-11-28
最新回答 / 努力奮斗的小黃人
是不一樣，不過(guò)沒(méi)有錯(cuò)，老師配置的那些loader的加載項(xiàng)，都在cfg文件夾下的default.js中，主體結(jié)構(gòu)是一樣的，后面還會(huì)出現(xiàn)老師那樣的函數(shù)聲明寫(xiě)法不能用。https://github.com/wjma110/gallery-by-react，這是我的項(xiàng)目地址，可以交流學(xué)習(xí)
2017-11-24
已采納回答 / lintaososo
<...code...>我想你問(wèn)得是老師視頻中說(shuō)道的，根據(jù)引用資源的大小來(lái)決定如何發(fā)布資源。老師說(shuō)的其實(shí)是webpack中的一個(gè)插件，“url-loader”，一些圖片資源如果很小的話，可以轉(zhuǎn)換成base64的格式，如果所有的文件都轉(zhuǎn)換成base64的話，html文件的體積就會(huì)很大，所以對(duì)于大小的臨界值要斟酌一個(gè)合適的點(diǎn)，這個(gè)大小臨界值是可以設(shè)置的。另外資源加載的loader還有“file-loader”。推介課程：http://idcbgp.cn/learn/802
2017-11-24
refs到的組件<ImgFigure/>只有幾個(gè)屬性，要接著refs到下面真實(shí)的DOM節(jié)點(diǎn)，才有scrollWidth等一大堆屬性
2017-11-21
勸大家現(xiàn)在這一章節(jié)隨便找個(gè)圖片取名1.jpg放入images文件夾下，把后面的圖片名也都改成1.jpg，這樣就能防止后面因?yàn)椴樵?xún)不到而報(bào)錯(cuò)。
2017-11-21
新版本default.js文件老師加的這句
{
test: /\.json$/,
loader: 'json-loader'
},
就是可以不用再在新版本Main.js里老師寫(xiě)的var imageDatas = require('../data/imageDatas.json');這句不用加json!，也就是var imageDatas = require('json!../data/imageDatas.json');;這兩種方法都能運(yùn)行。
{
test: /\.json$/,
loader: 'json-loader'
},
就是可以不用再在新版本Main.js里老師寫(xiě)的var imageDatas = require('../data/imageDatas.json');這句不用加json!，也就是var imageDatas = require('json!../data/imageDatas.json');;這兩種方法都能運(yùn)行。
2017-11-21
最新回答 / 慕設(shè)計(jì)7857085
https://github.com/jekorx/gallery-by-react/，這個(gè)里面是老師最新的代碼，糾正修改了許多不足的地方
2017-11-20
其實(shí)大家仔細(xì)看還是有跡可循的，就是文件位置變化，名字變了下，理論上能領(lǐng)悟就能做到了，現(xiàn)在版本的像這些js文件都被放在node_modles里，webpack對(duì)應(yīng)webpack.js、webpack-dev-server對(duì)應(yīng)Server.js(大寫(xiě)的S)。
我用的是webstorm編輯器，先在主目錄下找到server.js(小寫(xiě)s)，進(jìn)去后最上面幾行按（ctrl+鼠標(biāo)左鍵）就可以跳轉(zhuǎn)了；
我用的是webstorm編輯器，先在主目錄下找到server.js(小寫(xiě)s)，進(jìn)去后最上面幾行按（ctrl+鼠標(biāo)左鍵）就可以跳轉(zhuǎn)了；
2017-11-20
先幫大家把后面的坑踩掉！運(yùn)行的grunt build是之前版本的，分別對(duì)應(yīng)現(xiàn)在的：
npm run clean
npm run copy
npm run dist
這幾個(gè)命令可以去看package.json文件，還有很多；
至于啟動(dòng)服務(wù)，則是變成：npm run serve 或者 npm start;
另外，勸大家最好換成淘寶的cnpm，npm有時(shí)候是真的慢，等得想死的心都有了！！
淘寶鏡像資源： npm config set registry https://registry.npm.taobao.org
檢測(cè)是否安裝成功：npm config get registry
npm run clean
npm run copy
npm run dist
這幾個(gè)命令可以去看package.json文件，還有很多；
至于啟動(dòng)服務(wù)，則是變成：npm run serve 或者 npm start;
另外，勸大家最好換成淘寶的cnpm，npm有時(shí)候是真的慢，等得想死的心都有了！！
淘寶鏡像資源： npm config set registry https://registry.npm.taobao.org
檢測(cè)是否安裝成功：npm config get registry
2017-11-20