Switch react-router-config to rollup

Author: pshrmn

packages/react-router-config/.gitignore

@@ -2,4 +2,4 @@ es
 node_modules
 umd
 /*.js
-!webpack.config.js
+!rollup.config.js

packages/react-router-config/modules/.babelrc

@@ -1,15 +1,3 @@
 {
-  "presets": [
-    "../tools/es2015-preset",
-    "stage-1",
-    "react"
-  ],
-  "env": {
-    "production": {
-      "plugins": [
-        "dev-expression",
-        "transform-react-remove-prop-types"
-      ]
-    }
-  }
+  "presets": [ "../tools/babel-preset" ]
 }

packages/react-router-config/package.json

@@ -33,6 +33,7 @@
     "babel-eslint": "^6.0.4",
     "babel-loader": "^6.2.10",
     "babel-plugin-dev-expression": "^0.2.1",
+    "babel-plugin-external-helpers": "^6.22.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.2.11",
     "babel-preset-es2015": "^6.14.0",
     "babel-preset-react": "^6.5.0",
@@ -47,8 +48,12 @@
     "react-addons-test-utils": "^15.4.2",
     "react-dom": "^15.3.0",
     "react-router": "^4.1.1",
-    "webpack": "^1.13.1",
-    "webpack-dev-server": "^1.14.1"
+    "rollup": "^0.45.2",
+    "rollup-plugin-babel": "^2.7.1",
+    "rollup-plugin-commonjs": "^8.0.2",
+    "rollup-plugin-node-resolve": "^3.0.0",
+    "rollup-plugin-replace": "^1.1.1",
+    "rollup-plugin-uglify": "^2.0.1"
   },
   "browserify": {
     "transform": [

packages/react-router-config/rollup.config.js

@@ -0,0 +1,40 @@
+import babel from 'rollup-plugin-babel'
+import uglify from 'rollup-plugin-uglify'
+import replace from 'rollup-plugin-replace'
+import commonjs from 'rollup-plugin-commonjs'
+import resolve from 'rollup-plugin-node-resolve'
+
+const config = {
+  entry: 'modules/index.js',
+  moduleName: 'ReactRouterConfig',
+  globals: {
+    react: 'React',
+    'react-router/Switch': 'ReactRouter.Switch',
+    'react-router/Router': 'ReactRouter.Router',
+    'react-router/Route': 'ReactRouter.Route',
+    'react-router/matchPath': 'ReactRouter.matchPath',
+  },
+  external: [
+    'react',
+    'react-router/Switch',
+    'react-router/Router',
+    'react-router/Route',
+    'react-router/matchPath',
+  ],
+  plugins: [
+    babel({
+      exclude: 'node_modules/**'
+    }),
+    resolve(),
+    commonjs({
+      include: /node_modules/
+    }),
+    replace({ "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV) })
+  ]
+}
+
+if (process.env.NODE_ENV === 'production') {
+  config.plugins.push(uglify())
+}
+
+export default config

packages/react-router-config/tools/babel-preset.js

@@ -0,0 +1,27 @@
+const BABEL_ENV = process.env.BABEL_ENV
+const building = BABEL_ENV != undefined && BABEL_ENV !== 'cjs'
+
+const plugins = []
+
+if (BABEL_ENV === 'umd') {
+  plugins.push('external-helpers')
+}
+
+if (process.env.NODE_ENV === 'production') {
+  plugins.push(
+    'dev-expression',
+    'transform-react-remove-prop-types'
+  )
+}
+
+module.exports = {
+  presets: [
+    [ 'es2015', {
+      loose: true,
+      modules: building ? false : 'commonjs'
+    }],
+    "stage-1",
+    "react"
+  ],
+  plugins: plugins
+}

packages/react-router-config/tools/build.js

@@ -23,15 +23,17 @@ exec('babel modules -d es --ignore __tests__', {
 
 console.log('\nBuilding react-router-config.js ...')
 
-exec('webpack modules/index.js umd/react-router-config.js', {
-  NODE_ENV: 'development'
-})
+exec(
+  'rollup -c -f umd -o umd/react-router-config.js',
+  { NODE_ENV: 'development', BABEL_ENV: 'umd' }
+)
 
-console.log('\nBuilding react-router-config.min.js ...')
+console.log('\nBuilding react-router.min.js ...')
 
-exec('webpack -p modules/index.js umd/react-router-config.min.js', {
-  NODE_ENV: 'production'
-})
+exec(
+  'rollup -c -f umd -o umd/react-router-config.min.js',
+  { NODE_ENV: 'production', BABEL_ENV: 'umd' }
+)
 
 const size = gzipSize.sync(
   fs.readFileSync('umd/react-router-config.min.js')