postcss.config.js的内容
module.exports = {
parser: 'postcss-less', //限制语法结构，这里采用LESS
plugins: {
'postcss-import': {},
'autoprefixer':{ //自动加浏览器前缀的插件
browers: ['last 5 versions','ie >= 12']
},
'cssnano': {} // 必须把这个放在下面，是压缩css的插件
}
}
module.exports = {
parser: 'postcss-less', //限制语法结构，这里采用LESS
plugins: {
'postcss-import': {},
'autoprefixer':{ //自动加浏览器前缀的插件
browers: ['last 5 versions','ie >= 12']
},
'cssnano': {} // 必须把这个放在下面，是压缩css的插件
}
}
2017-11-28
2017年11月的react-webpack 生成的项目加入postcss的方法：
1. 首先安装一堆包 postcss-less、postcss-loader、postcss-import、cssnano、autoprefixer
2. 在需要编译css的目录创建配置文件 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的目录创建配置文件 postcss.config.js
3. 然后！配置loader！在default.js里面
test: /\.css$/,
loader: 'style-loader!css-loader!postcss-loader'
2017-11-28
最新回答 / 努力奋斗的小黄人
是不一样，不过没有错，老师配置的那些loader的加载项，都在cfg文件夹下的default.js中，主体结构是一样的，后面还会出现老师那样的函数声明写法不能用。https://github.com/wjma110/gallery-by-react，这是我的项目地址，可以交流学习
2017-11-24
已采纳回答 / lintaososo
<...code...>我想你问得是老师视频中说道的，根据引用资源的大小来决定如何发布资源。老师说的其实是webpack中的一个插件，“url-loader”，一些图片资源如果很小的话，可以转换成base64的格式，如果所有的文件都转换成base64的话，html文件的体积就会很大，所以对于大小的临界值要斟酌一个合适的点，这个大小临界值是可以设置的。另外资源加载的loader还有“file-loader”。推介课程：https://www.imooc.com/learn/802
2017-11-24
refs到的组件<ImgFigure/>只有几个属性，要接着refs到下面真实的DOM节点，才有scrollWidth等一大堆属性
2017-11-21
新版本default.js文件老师加的这句
{
test: /\.json$/,
loader: 'json-loader'
},
就是可以不用再在新版本Main.js里老师写的var imageDatas = require('../data/imageDatas.json');这句不用加json!，也就是var imageDatas = require('json!../data/imageDatas.json');;这两种方法都能运行。
{
test: /\.json$/,
loader: 'json-loader'
},
就是可以不用再在新版本Main.js里老师写的var imageDatas = require('../data/imageDatas.json');这句不用加json!，也就是var imageDatas = require('json!../data/imageDatas.json');;这两种方法都能运行。
2017-11-21
其实大家仔细看还是有迹可循的，就是文件位置变化，名字变了下，理论上能领悟就能做到了，现在版本的像这些js文件都被放在node_modles里，webpack对应webpack.js、webpack-dev-server对应Server.js(大写的S)。
我用的是webstorm编辑器，先在主目录下找到server.js(小写s)，进去后最上面几行按（ctrl+鼠标左键）就可以跳转了；
我用的是webstorm编辑器，先在主目录下找到server.js(小写s)，进去后最上面几行按（ctrl+鼠标左键）就可以跳转了；
2017-11-20
先帮大家把后面的坑踩掉！运行的grunt build是之前版本的，分别对应现在的：
npm run clean
npm run copy
npm run dist
这几个命令可以去看package.json文件，还有很多；
至于启动服务，则是变成：npm run serve 或者 npm start;
另外，劝大家最好换成淘宝的cnpm，npm有时候是真的慢，等得想死的心都有了！！
淘宝镜像资源： npm config set registry https://registry.npm.taobao.org
检测是否安装成功：npm config get registry
npm run clean
npm run copy
npm run dist
这几个命令可以去看package.json文件，还有很多；
至于启动服务，则是变成：npm run serve 或者 npm start;
另外，劝大家最好换成淘宝的cnpm，npm有时候是真的慢，等得想死的心都有了！！
淘宝镜像资源： npm config set registry https://registry.npm.taobao.org
检测是否安装成功：npm config get registry