diff --git a/.gitignore b/.gitignore
index 2ccbe46..023f609 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
-/node_modules/
+node_modules/
+examples/*/public/
diff --git a/examples/extract-css/README.md b/examples/extract-css/README.md
new file mode 100644
index 0000000..34ae895
--- /dev/null
+++ b/examples/extract-css/README.md
@@ -0,0 +1,12 @@
+font-awesome-sass-loader extract-css example
+============================================
+
+```bash
+# install deps
+npm install
+
+# Run on dev server
+npm run dev
+
+# Run on prod server
+npm run dist
diff --git a/examples/extract-css/font-awesome.config.js b/examples/extract-css/font-awesome.config.js
new file mode 100644
index 0000000..4e4d9da
--- /dev/null
+++ b/examples/extract-css/font-awesome.config.js
@@ -0,0 +1,19 @@
+module.exports = {
+  styleLoader: require('extract-text-webpack-plugin').extract('style-loader', 'css-loader!sass-loader'),
+
+  styles: {
+    "mixins": true,
+
+    "path": true,
+    "core": true,
+    "larger": true,
+    "fixed-width": true,
+    "list": true,
+    "bordered-pulled": true,
+    "animated": true,
+    "rotated-flipped": true,
+    "stacked": true,
+    "icons": true,
+    "screen-reader": true,
+  },
+};
diff --git a/examples/extract-css/package.json b/examples/extract-css/package.json
new file mode 100644
index 0000000..6db05ef
--- /dev/null
+++ b/examples/extract-css/package.json
@@ -0,0 +1,21 @@
+{
+  "private": true,
+  "scripts": {
+    "clean": "rm -rf public/",
+    "dev": "webpack -d",
+    "dist": "webpack -p"
+  },
+  "dependencies": {
+    "css-loader": "*",
+    "style-loader": "*",
+    "extract-text-webpack-plugin": "^1",
+    "file-loader": "*",
+    "font-awesome": "^4.6.0",
+    "font-awesome-sass-loader": "^1.0",
+    "node-gyp": "*",
+    "node-sass": "*",
+    "sass-loader": "*",
+    "url-loader": "*",
+    "webpack": "^1"
+  }
+}
diff --git a/examples/extract-css/webpack.config.js b/examples/extract-css/webpack.config.js
new file mode 100644
index 0000000..6639110
--- /dev/null
+++ b/examples/extract-css/webpack.config.js
@@ -0,0 +1,21 @@
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+
+module.exports = {
+  entry: {
+    'font-awesome': 'font-awesome-sass!./font-awesome.config.js',
+  },
+  output: {
+    path: './public/assets',
+    publicPath: '/assets/',
+    filename: '[name].js',
+  },
+  module: {
+    loaders: [
+      { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'url-loader?limit=10000&mimetype=application/font-woff' },
+      { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'file-loader' },
+    ],
+  },
+  plugins: [
+    new ExtractTextPlugin("[name].css"),
+  ],
+};