const webpack = require(‘webpack‘);
// const autoprefixer = require(‘autoprefixer‘);
// const values = require(‘postcss-modules-values‘);
module.exports = {
  devtool: ‘eval-source-map‘,

  entry:  __dirname + "/app/main.js",
  output: {
    path: __dirname + "/public",
    filename: "bundle.js"
  },

  module: {//在配置文件里添加JSON loader
    loaders: [
      {
        test: /\.json$/,
        loader: "json-loader"
      },
      {
        test: /\.js$/,
        exclude:/node_modules/,
        loader:‘babel-loader‘,
        query:{
            presets:[‘es2015‘,‘react‘]
        }
      },
      {
        test:/\.css$/,
        use:[
          {
              loader: ‘style-loader‘,
          },
          {
              loader: ‘css-loader‘,
              options: {
                  importLoaders: 1,
              }
          },
          {
            loader:"postcss-loader",
            options: {           // 如果没有options这个选项将会报错 No PostCSS Config found
                plugins: (loader) => [
                    require(‘autoprefixer‘)(), //CSS浏览器兼容
                ]
            }
          }
        ]
        // loader:‘style-loader!css-loader?modules!postcss-loader‘
      }
    ]
  },

  plugins: [
    new webpack.LoaderOptionsPlugin({
        options:{
          // postcss: function () {
          //   return [
          //     require("autoprefixer")({
          //         browsers: [‘last 10 Chrome versions‘, ‘last 5 Firefox versions‘, ‘Safari >= 6‘, ‘ie > 8‘]
          //     })
          //   ]
          // },
          // plugins: (loader) => [
          //     require(‘autoprefixer‘)(), //CSS浏览器兼容
          // ],
          devServer: {
            contentBase: "./public",
            colors: true,
            historyApiFallback: true,
            inline: true
          }
        }
    })
  ]
}