Merge pull request #112 from i-like-robots/rollup-build

Rollup build

Author: i-like-robots

example/main.js

@@ -1,9 +1,7 @@
-'use strict'
-
-const React = require('react')
-const ReactDom = require('react-dom')
-const Tags = require('../lib/ReactTags')
-const suggestions = require('./countries')
+import React from 'react'
+import ReactDom from 'react-dom'
+import Tags from '../lib/ReactTags'
+import suggestions from './countries'
 
 class App extends React.Component {
   constructor (props) {

lib/Input.js

@@ -1,6 +1,4 @@
-'use strict'
-
-const React = require('react')
+import React from 'react'
 
 const SIZER_STYLES = {
   position: 'absolute',
@@ -86,4 +84,4 @@ class Input extends React.Component {
   }
 }
 
-module.exports = Input
+export default Input

lib/ReactTags.js

@@ -1,10 +1,8 @@
-'use strict'
-
-const React = require('react')
-const PropTypes = require('prop-types')
-const Tag = require('./Tag')
-const Input = require('./Input')
-const Suggestions = require('./Suggestions')
+import React from 'react'
+import PropTypes from 'prop-types'
+import Tag from './Tag'
+import Input from './Input'
+import Suggestions from './Suggestions'
 
 const KEYS = {
   ENTER: 'Enter',
@@ -229,4 +227,4 @@ ReactTags.propTypes = {
   ])
 }
 
-module.exports = ReactTags
+export default ReactTags

lib/Suggestions.js

@@ -1,6 +1,4 @@
-'use strict'
-
-const React = require('react')
+import React from 'react'
 
 function escapeForRegExp (query) {
   return query.replace(/[-\\^$*+?.()|[\]{}]/g, '\\$&')
@@ -78,4 +76,4 @@ class Suggestions extends React.Component {
   }
 }
 
-module.exports = Suggestions
+export default Suggestions

lib/Tag.js

@@ -1,8 +1,6 @@
-'use strict'
+import React from 'react'
 
-const React = require('react')
-
-module.exports = (props) => (
+export default (props) => (
   <button type='button' className={props.classNames.selectedTag} title='Click to remove tag' onClick={props.onDelete}>
     <span className={props.classNames.selectedTagName}>{props.tag.name}</span>
   </button>

package.json

@@ -3,17 +3,16 @@
   "version": "5.4.1",
   "description": "React Tag Autocomplete is a simple tagging component ready to drop in your React projects.",
   "main": "dist-es5/ReactTags.js",
-  "jsnext:main": "dist-es6/ReactTags.js",
+  "module": "dist-es6/ReactTags.js",
   "scripts": {
-    "pretest": "npm run lint && npm run build:es5",
+    "pretest": "npm run lint && npm run build:dist",
     "test": "jasmine",
     "coverage": "istanbul cover -i 'dist-es5/**' jasmine",
     "lint": "standard lib/*.js spec/*.js",
     "dev": "webpack-dev-server --progress --colors --port ${PORT:-8080} --host 0.0.0.0",
     "build:example": "webpack -p --config-name example",
-    "build:es5": "buble lib --objectAssign -o dist-es5",
-    "build:es6": "buble lib --objectAssign -o dist-es6 -t node:6",
-    "prepublish": "npm run build:es5 && npm run build:es6"
+    "build:dist": "rollup -c rollup.config.js",
+    "prepublish": "npm run build:dist"
   },
   "files": [
     "lib",
@@ -46,7 +45,7 @@
     "react-dom": "^16.0.0"
   },
   "devDependencies": {
-    "buble": "^0.17.0",
+    "buble": "^0.18.0",
     "buble-loader": "^0.4.1",
     "coveralls": "^3.0.0",
     "istanbul": "^0.4.4",
@@ -55,6 +54,8 @@
     "prop-types": "^15.6.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
+    "rollup": "^0.54.1",
+    "rollup-plugin-buble": "^0.18.0",
     "sinon": "^4.0.0",
     "standard": "^10.0.3",
     "webpack": "^3.6.0",

rollup.config.js

@@ -0,0 +1,35 @@
+import buble from 'rollup-plugin-buble'
+import pkg from './package.json'
+
+const input = 'lib/ReactTags.js'
+
+const external = [
+  'react',
+  'react-dom',
+  'prop-types'
+]
+
+export default [
+  {
+    input,
+    external,
+    plugins: [
+      buble({ objectAssign: 'Object.assign', target: { node: 6 } })
+    ],
+    output: {
+      file: pkg.module,
+      format: 'es'
+    }
+  },
+  {
+    input,
+    external,
+    plugins: [
+      buble({ objectAssign: 'Object.assign' })
+    ],
+    output: {
+      file: pkg.main,
+      format: 'cjs'
+    }
+  }
+]