fix(docs): add and use reactstrap alias

cbfx · cbfx · commit fcfe88d1428a · 2016-03-24T13:32:50.000-05:00
diff --git a/README.md b/README.md
@@ -17,7 +17,7 @@ npm install reactstrap --save
 Import the components you need, example:
 
 ```js
-import { Button } from 'lib/index';
+import { Button } from 'reactstrap';
 ```
 
 
diff --git a/docs/lib/Components/DropdownsExample.jsx b/docs/lib/Components/DropdownsExample.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 
 import React from 'react';
-import { Button, ButtonDropdown, Dropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'lib/index';
+import { Button, ButtonDropdown, Dropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap';
 
 class DropdownsExample extends React.Component {
   constructor(props) {
diff --git a/docs/lib/Components/LabelsExample.jsx b/docs/lib/Components/LabelsExample.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 
 import React from 'react';
-import { Label } from 'lib/index';
+import { Label } from 'reactstrap';
 
 class LabelsExample extends React.Component {
   render() {
diff --git a/docs/lib/Components/ModalExample.jsx b/docs/lib/Components/ModalExample.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 
 import React from 'react';
-import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'lib/index';
+import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
 
 class ModalExample extends React.Component {
   constructor(props) {
diff --git a/docs/lib/Components/PopoverExample.jsx b/docs/lib/Components/PopoverExample.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 
 import React from 'react';
-import { Button, Popover, PopoverTitle, PopoverContent } from 'lib/index';
+import { Button, Popover, PopoverTitle, PopoverContent } from 'reactstrap';
 
 class PopoverItem extends React.Component {
   constructor(props) {
diff --git a/docs/lib/Components/TetherExample.jsx b/docs/lib/Components/TetherExample.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 
 import React from 'react';
-import { Button, TetherContent } from 'lib/index';
+import { Button, TetherContent } from 'reactstrap';
 
 
 class TetherExample extends React.Component {
diff --git a/docs/lib/Components/TooltipExample.jsx b/docs/lib/Components/TooltipExample.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 
 import React from 'react';
-import { Button, Tooltip } from 'lib/index';
+import { Button, Tooltip } from 'reactstrap';
 
 class TooltipExample extends React.Component {
   constructor(props) {
diff --git a/example/js/ButtonsExample.jsx b/example/js/ButtonsExample.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 
 import React from 'react';
-import { Button, ButtonGroup, ButtonToolbar } from 'lib/index';
+import { Button, ButtonGroup, ButtonToolbar } from 'reactstrap';
 
 const Link = (props) => <a {...props}>{props.children}</a>;
 
diff --git a/example/js/DropdownsExample.jsx b/example/js/DropdownsExample.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 
 import React from 'react';
-import { Button, ButtonDropdown, Dropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'lib/index';
+import { Button, ButtonDropdown, Dropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap';
 
 class DropdownsExample extends React.Component {
   constructor(props) {
diff --git a/example/js/LabelsExample.jsx b/example/js/LabelsExample.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 
 import React from 'react';
-import { Label } from 'lib/index';
+import { Label } from 'reactstrap';
 
 class LabelsExample extends React.Component {
   render() {
diff --git a/example/js/ModalExample.jsx b/example/js/ModalExample.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 
 import React from 'react';
-import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'lib/index';
+import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
 
 class ModalExample extends React.Component {
   constructor(props) {
diff --git a/example/js/PopoverExample.jsx b/example/js/PopoverExample.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 
 import React from 'react';
-import { Button, Popover, PopoverTitle, PopoverContent } from 'lib/index';
+import { Button, Popover, PopoverTitle, PopoverContent } from 'reactstrap';
 
 class PopoverItem extends React.Component {
   constructor(props) {
diff --git a/example/js/TetherExample.jsx b/example/js/TetherExample.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 
 import React from 'react';
-import { Button, TetherContent } from 'lib/index';
+import { Button, TetherContent } from 'reactstrap';
 
 
 class TetherExample extends React.Component {
diff --git a/example/js/TooltipExample.jsx b/example/js/TooltipExample.jsx
@@ -1,7 +1,7 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 
 import React from 'react';
-import { Button, Tooltip } from 'lib/index';
+import { Button, Tooltip } from 'reactstrap';
 
 class TooltipExample extends React.Component {
   constructor(props) {
diff --git a/webpack.base.config.js b/webpack.base.config.js
@@ -77,6 +77,9 @@ module.exports = function (env) {
       ]
     },
     resolve: {
+      alias: {
+        reactstrap: 'lib/index'
+      },
       extensions: ['', '.js', '.jsx', '.json'],
       root: [
         path.resolve('./lib')
