Webpack PostCSS bootstrap

entry.js

var css = require('./styles.postcss');

package.json

{
  "name": "webpack-sprites",
  "version": "1.0.0",
  "description": "",
  "main": "webpack.config.js",
  "dependencies": {
    "css-loader": "^0.23.1",
    "file-loader": "^0.8.5",
    "postcss-loader": "^0.8.1",
    "webpack": "^1.12.13"
  },
  "devDependencies": {},
  "scripts": {
    "start": "webpack --profile --display-modules --display-reasons",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

styles.postcss

html {
	background-color: #faf;
}

body {
	margin: 0;	
}

body:before {
	display: block;
	content: url('./images/[email protected]');
}

webpack.config.js

var path = require('path');

module.exports = {
    context: path.join(__dirname, '/'),
    entry: './entry',
    output: {
        path: path.join(__dirname, '/build'),
        filename: 'bundle.js'
    },
    plugins: [
    ],
    module: {
    	loaders: [{
    		test: /\.(css|postcss)$/,
    		exclude: /(node_modules)/,
    		loader: 'css!postcss-loader'
    	}, {
    		test: /\.png$/,
    		loader: 'file?name=img-[name]-[hash:6].[ext]'
    	}]
    }
};