diff --git a/browserlist b/browserlist new file mode 100644 index 0000000..b9adf9a --- /dev/null +++ b/browserlist @@ -0,0 +1,3 @@ +> 5% in GB +last 2 versions +ie > 8 diff --git a/package.json b/package.json index ffb5734..bdc10aa 100644 --- a/package.json +++ b/package.json @@ -3,6 +3,7 @@ "version": "0.1.0", "description": "A dummy project on how to integrate React and Webpack in a Web project", "devDependencies": { + "autoprefixer": "^5.2.0", "babel-core": "^5.8.22", "babel-loader": "^5.3.2", "chai": "^3.2.0", @@ -19,6 +20,7 @@ "karma-webpack": "^1.7.0", "mocha": "^2.2.5", "node-sass": "3.2.0", + "postcss-loader": "^0.6.0", "react": "^0.13.3", "react-hot-loader": "^1.2.8", "sass-loader": "^2.0.0", diff --git a/src/book/heading.scss b/src/book/heading.scss index 383e0f7..7852b62 100644 --- a/src/book/heading.scss +++ b/src/book/heading.scss @@ -1,6 +1,7 @@ @import '../colour/colours.scss'; h1 { + display: flex; &.blue { color: $blue; } diff --git a/webpack.config.js b/webpack.config.js index 107aa12..0944b6c 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -1,5 +1,6 @@ var path = require('path'); var webpack = require('webpack'); +var autoprefixer = require('autoprefixer'); module.exports = { entry: [ @@ -31,11 +32,12 @@ module.exports = { }, { test: /\.scss$/, - loaders: ['style', 'css', 'sass'], + loaders: ['style', 'css', 'postcss', 'sass'], exclude: /(node_modules)/ } ] }, + postcss: [autoprefixer], devtool: 'source-map', devServer: { contentBase: 'http://localhost:5001'