Package lock + webpack upgrades from pr#1

.gitignore

@@ -6,3 +6,4 @@ node_modules
 
 # Builds
 dist
+

.npmignore

@@ -0,0 +1,9 @@
+.nvmrc
+lerna.json
+webpack.config.js
+.storybook
+.idea
+configs
+node_modules
+Makefile
+src/*/src

.storybook/config.js

@@ -1,6 +1,6 @@
-import { configure } from '@storybook/react';
+import {configure} from "@storybook/react";
 
-const req = require.context('../src', true, /.stories.js$/);
+const req = require.context("../src", true, /.stories.js$/);
 
 const loadStories = () => {
     req.keys().forEach((filename) => req(filename))

.storybook/main.js

@@ -0,0 +1,7 @@
+/**
+ * Created by shuieryin on Jan 27 2020, 9:06 PM.
+ */
+
+module.exports = {
+    addons: ["@storybook/preset-create-react-app"]
+};

.storybook/webpack.config.js

@@ -1,9 +1,8 @@
-const rules = require('../configs/rules.config');
-const { aliases } = require('../configs/aliases.config');
+const {rules, aliases} = require("../configs/shared.config");
 
-module.exports = (baseConfig, env, defaultConfig) => {
-    defaultConfig.module.rules = rules;
-    defaultConfig.resolve.alias = aliases;
+module.exports = baseConfig => {
+    baseConfig.config.module.rules = rules;
+    baseConfig.config.resolve.alias = aliases;
 
-    return defaultConfig;
-};
+    return baseConfig.config;
+};

Makefile

@@ -0,0 +1,2 @@
+pack:
+	@npm run clean:components; npm run build:components; rm -rf dist; mkdir dist; npm pack; mv *.tgz dist;

configs/shared.config.js

@@ -0,0 +1,46 @@
+const path = require("path");
+const autoprefixer = require("autoprefixer");
+
+const rules = [
+    {
+        exclude: /node_modules/,
+        test: /\.(scss)$/,
+        use: [
+            "style-loader",
+            "css-loader",
+            {
+                loader: "postcss-loader",
+                options: {
+                    plugins: [
+                        autoprefixer({
+                            grid: "autoplace"
+                        })
+                    ]
+                }
+            },
+            "sass-loader"
+        ]
+    },
+    {
+        test: /\.(js|jsx)$/,
+        exclude: /node_modules/,
+        use: {
+            loader: "babel-loader",
+            options: {
+                presets: [
+                    "@babel/preset-env",
+                    "@babel/react"
+                ]
+            }
+        }
+    }
+];
+
+// __dirname gives exact path where the file is, in this case: PROJECT/configs. It is needed to add ../ at the beginning of the aliases to solve correct path.
+
+const aliases = {
+    "@audnavlib/button": path.resolve(__dirname, "../src/Button/src/index"),
+    "@audnavlib/button-group": path.resolve(__dirname, "../src/ButtonGroup/src/index")
+};
+
+module.exports = {rules, aliases};

lerna.json

@@ -1,12 +1,18 @@
 {
-    "lerna": "3.13.0",
+    "lerna": "3.20.2",
     "npmClient": "npm",
     "version": "independent",
-    "packages": ["src/**/*"],
+    "packages": [
+        "src/**/*"
+    ],
     "registry": "https://registry.npmjs.org/",
     "command": {
         "publish": {
-            "ignoreChanges": ["*.md", "tests/*", "ignored-files"]
+            "ignoreChanges": [
+                "*.md",
+                "tests/*",
+                "ignored-files"
+            ]
         }
     }
-}
+}