stylelint-webpack-plugin-#3

stylelint-webpack-plugin-3

const webpack = require('webpack');
const path = require('path');
const FlowStatusWebpackPlugin = require('flow-status-webpack-plugin');

// const styleLintPlugin = require('stylelint-webpack-plugin');
// const globPath = path.join(__dirname, 'app') + '/**/*.css';
// const globPath = path.join(__dirname, 'app', 'js', 'components', '404Page') + '/404Page.css';
// console.log("PATH ::", globPath);

module.exports = {
  debug: true,
  devtool: 'source-map',
  context: path.join(__dirname, 'app', 'js'),

  entry: [
    'webpack/hot/dev-server',
    'webpack-hot-middleware/client',
    './main',
  ],
  output: {
    path: path.join(__dirname, 'app', 'js'),
    publicPath: '/js/',
    filename: 'bundle.js',
  },

  plugins: [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new FlowStatusWebpackPlugin(),
    // new styleLintPlugin({
    //   configFile: '.stylelintrc',
    //   context: 'inherits from webpack',
    //   // files: '**/*.s?(a|c)ss',
    //      files: '**/*.css',
    //   // files: '../../**/*.css', //TODO: Cleanup, exclude node_modules
    //   files: globPath, //TODO: Cleanup, exclude node_modules
    //   configBasedir: path.join(__dirname),
    //   failOnError: false,
    // }),
  ],

  module: {
    loaders: [
      { test: /\.jsx?$/, exclude: /node_modules/, loaders: ['react-hot', 'babel'] },
      {
        test: /\.css$/,
        loaders: [
          'style?singleton',
          'css?modules',
          'postcss-loader'
        ],
      },
      { test: /\.svg$/, loader: 'url-loader?limit=10000&mimetype=image/svg+xml' },
    ],
  },

  postcss: function() {
    return [
      require('postcss-cssnext'),
    ];
  },

  resolve: {
    extensions: [
      '',
      '.js', '.jsx',
    ],
  },

};