feat: setup Babel plugin transform-imports

This plugin will transform your imports to only import specific components, which ensures not the whole library gets included.

This is preconfigured to handle: lodash, reactstrap, react-bootstrap, react-router.

See <https://www.npmjs.com/package/babel-plugin-transform-imports> for additional information.

Author: mischah

app/templates/_package.json

@@ -62,6 +62,7 @@
     "babel-eslint": "^8.2.2",
     "babel-loader": "^7.1.4",
     "babel-plugin-syntax-dynamic-import": "^6.18.0",
+    "babel-plugin-transform-imports": "^1.5.0",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "babel-plugin-transform-regenerator": "^6.26.0",
     "babel-plugin-transform-runtime": "^6.23.0",

app/templates/babelrc

@@ -16,6 +16,27 @@
 				"generators": true,
 				"async": true
 			}
+		],
+		[
+			"transform-imports",
+			{
+				"lodash": {
+					"transform": "lodash/${member}",
+					"preventFullImport": true
+				},
+				"reactstrap": {
+					"transform": "reactstrap/lib/${member}",
+					"preventFullImport": true
+				},
+				"react-bootstrap": {
+					"transform": "react-bootstrap/lib/${member}",
+					"preventFullImport": true
+				},
+				"react-router": {
+					"transform": "react-router/${member}",
+					"preventFullImport": true
+				}
+			}
 		]
 	]
 }