Add example

eemeli · eemeli · commit 859e5822a61b · 2018-02-13T15:19:32.000+02:00
diff --git a/example/dist/index.html b/example/dist/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <title>Getting Started</title>
+  </head>
+  <body>
+    <script src="bundle.js"></script>
+  </body>
+</html>
diff --git a/example/package.json b/example/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "messageformat-properties-loader-example",
+  "version": "0.1.0",
+  "description": "Minimal example for messageformat-properties-loader",
+  "private": true,
+  "scripts": {
+    "build": "webpack",
+    "prepare": "npm run build"
+  },
+  "main": "src/index.js",
+  "repository": "https://github.com/messageformat/properties-loader",
+  "author": "Eemeli Aro <eemeli@gmail.com>",
+  "license": "MIT",
+  "devDependencies": {
+    "messageformat-properties-loader": "file:../",
+    "webpack": "^3.11.0"
+  }
+}
diff --git a/example/src/index.js b/example/src/index.js
@@ -0,0 +1,14 @@
+import messages from './messages.properties'
+const { format, messages: errors } = messages.errors
+
+function component() {
+  const element = document.createElement('div')
+  element.innerHTML = format([
+    'Your message',
+    errors.wrong_length({ count: 42 })
+  ])
+  return element
+}
+
+console.log('messages', messages)
+document.body.appendChild(component())
diff --git a/example/src/messages.properties b/example/src/messages.properties
@@ -0,0 +1,5 @@
+errors.format: {0} {1}
+errors.messages.confirmation: doesn't match {attribute}
+errors.messages.accepted: must be accepted
+errors.messages.wrong_length: is the wrong length (should be {count, plural, one{1 character} other{# characters}})
+errors.messages.equal_to: must be equal to {count}
diff --git a/example/webpack.config.js b/example/webpack.config.js
@@ -0,0 +1,22 @@
+const path = require('path')
+
+module.exports = {
+  entry: './src/index.js',
+  output: {
+    filename: 'bundle.js',
+    path: path.resolve(__dirname, 'dist')
+  },
+  module: {
+    rules: [
+      {
+        test: /\.properties$/,
+        loader: require.resolve('messageformat-properties-loader'),
+        options: {
+          biDiSupport: false,
+          locales: 'en',
+          path: true
+        }
+      }
+    ]
+  }
+}
