坑一：grep window没有这个命令，使用npm list --depth=0 -global查看版本吧

查看generator版本

调试了很久终于弄对了，在新的版本中需要这样做就可以了：

1. 新的版本中不需要安装autoprefixer,需要安装postcss-loader代替autoprefixer

2. 安装完postcss-loader后，需要在项目的根目录建一个名字为postcss.config.js的文件，文件内容为:

module.exports = {
    plugins: [
        require('autoprefixer')
    ]
}
3.在cfg-->default.js文件中，添加postcss-loader的配置,如下：
{
  test: /\.css$/,
  loader: 'style-loader!css-loader!'
},
{
  test: /\.sass/,
  loader: 'style-loader!css-loader!!sass-loader?outputStyle=expanded&indentedSyntax'
},
{
  test: /\.scss/,
  loader: 'style-loader!css-loader!!sass-loader?outputStyle=expanded'
},
{
  test: /\.less/,
  loader: 'style-loader!css-loader!!less-loader'
},
4.在编译的时候有可能会报 没有 sass-loader 这个模块，这时候我们去安装这个模块
    npm install sass-loader --save-dev,因为sass-loader依赖 node-sass 模块,所以我们还需要安装
    node-sass模块，npm install node-sass --save-dev
5.imageDatas=require('./../data/imageDatas.json'); 新版的不需要加json!,并且官网推荐是不加的

正常开发一个项目的流程：

1. 在github上创建一个新的仓库，用来存放我们要开发的项目

2. 用“命令”进入到本地的一个工作空间, git clone 生成的项目的地址

3. cd 项目名

4. yo react-webpack 项目名
   

npm ls -g --depth=1 2>/dev/null | grep generator-   查看全局安装的插件

现在构建项目的步骤：

    1.全局安装 yo和 generator-react-webpack

npm install -g yo
npm install -g generator-react-webpack

2.可以自己手动创建一个放项目的文件夹(gallery),并进入到该文件夹
cd gallery
3.在项目的根目录(gallery)下 yo react-webpack
4..在项目的根目录安装css属性的前缀 npm install autoprefixer
5.npm start 启动，在 下产看

react-webpack-generator的安装及其用法： https://github.com/react-webpack-generators/generator-react-webpack

Sass 的写法

json-loader 都要添加到 config 的文件中

npm install json-laoder --save-dev

改成 autofixer 的配置

1. 改文件  sass -》 scss

2. 配置 loader

3. !autoprefixer-loader : ["last 2 version"]