commonjs webpackconfig for require support from npm

Author: ivictbor

.gitignore

@@ -60,6 +60,4 @@ typings/
 .idea
 
 # custom 
-build/painterro.js 
-build/painterro.js.map
- 
+build/painterro.*

README.md

@@ -1,11 +1,15 @@
+ 
+[GitHub](https://github.com/ivictbor/painterro) | [npm](https://www.npmjs.com/package/painterro)
+
 Painterro is singlefile JavaScript paint component which allows to edit images directly in browser.
 It can be easily integrated into your website or blog by including only one `painterro.js` file and calling init code.
 
 With Painterro you can:
 - Paste image from clipboard (for example screenshot)
 - Crop image by defined area
-- Paint lines and rectangles (alpha color can be used)
+- Paint primitives (alpha color can be used)
 - Add text
+- Rotate / Resize image
 
 ![Painterro preview](https://raw.githubusercontent.com/ivictbor/painterro/master/docs/preview.png)
 

package.json

@@ -1,8 +1,8 @@
 {
   "name": "painterro",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Embуedded html image editor",
-  "main": "build/painterro.js",
+  "main": "build/painterro.commonjs2.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "webpack --optimize-minimize --progress",

webpack.config.js

@@ -1,41 +1,52 @@
 var path = require('path');
 var webpack = require('webpack');
 
-module.exports = {
-  entry: './js/main.js',
-  output: {
-    path: path.resolve(__dirname, 'build'),
-    filename: 'painterro.js',
-    library: 'Painterro', // export as library
-  },
-  module: {
-    loaders: [
-      {
-        test: /\.js$/,
-        loader: 'babel-loader',
-        query: {
-          presets: ['es2015']
+
+function webpackConfig(target) {
+  return {
+    entry: './js/main.js',
+    output: {
+      path: path.resolve(__dirname, 'build'),
+      filename: `painterro.${target == 'var' && '' || target}.js`,
+      library: 'Painterro', // export as library
+      libraryTarget: target
+    },
+    module: {
+      loaders: [
+        {
+          test: /\.js$/,
+          loader: 'babel-loader',
+          query: {
+            presets: ['es2015']
+          }
+        },
+        {
+          test: /\.css$/,
+          use: [
+            { loader: "style-loader" },
+            { loader: "css-loader" }
+          ]
+        },
+        {
+          test: /\.(ttf|woff|woff2|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
+          loader: "url-loader"
         }
-      },
-      {
-        test: /\.css$/,
-        use: [
-          { loader: "style-loader" },
-          { loader: "css-loader" }
-        ]
-      },
-      {
-        test: /\.(ttf|woff|woff2|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
-        loader: "url-loader"
-      }
-    ]
-  },
-  stats: {
-    colors: true
-  },
+      ]
+    },
+    stats: {
+      colors: true
+    },
 
-  devtool: 'source-map',
-  devServer: {
-    disableHostCheck: true
+    devtool: 'source-map',
+    devServer: {
+      disableHostCheck: true
+    }
   }
-};
+}
+
+module.exports = [
+  webpackConfig('var'),
+  webpackConfig('commonjs2'),
+  webpackConfig('amd'),
+  webpackConfig('umd')
+];