Add changelog for 2.x.x

Author: boopathi

CHANGELOG.md

@@ -0,0 +1,99 @@
+# Changelog
+
+## 2.0.0
+
+### Drops Node 0.12 support & webpack 1 support
+
+Tests are run on Node 4, 6, and 8
+
+### Output change from component class to arrow function
+
+Previously, the output of the react-svg-loader was -
+
+```js
+import React from "react";
+export default class SVG extends React.Component {
+  render() {
+    return <svg {...this.props}>{svgContent}</svg>;
+  }
+}
+```
+
+and now it is -
+
+```js
+import React from "react";
+export default props => <svg {...props}>{svgContent}</svg>;
+```
+
+### Overridable classnames (to use with css-modules)
+
+Previously, class values are NOT transformed. Now they are transformed such that the output component can be used with css-modules
+
+```js
+<svg class="foo bar">
+```
+
+is transformed to
+
+```js
+<svg className={ (styles["foo"] || "foo") + " " + (styles["bar"] || "bar") }>
+```
+
+So, you can pass/override some styles in the svg, for example -
+
+```js
+import Image from "react-svg-loader!./image.svg";
+import styles from "./styles.css"; // with css-modules
+
+const imageStyles = {
+  foo: styles.foo,
+  bar: styles.bar
+}
+
+let component = <Image styles={imageStyles} />
+```
+
+### Drop option `es5`
+
+Previously, you could do,
+
+```js
+{
+  loader: "react-svg-loader",
+  options: {
+    es5: true
+  }
+}
+```
+
+and get output transpiled to ES5 using babel-preset-es2015.
+
+This is now deprecated and the **recommended** way to use react-svg-loader is to use it with [babel-loader](https://github.com/babel/babel-loader)
+
+```js
+{
+  test: /\.svg$/,
+  use: [
+    "babel-loader",
+    "react-svg-loader"
+  ]
+}
+```
+
+and with [babel-preset-env](https://github.com/babel/babel-preset-env) in `.babelrc`:
+
+```json
+{
+  "presets": [
+    [
+      "env",
+      {
+        "target": {
+          "browsers": "IE > 11"
+        }
+      }
+    ]
+  ]
+}
+```