styles css moved to assrts

Author: udaypydi

.gitignore

@@ -1,4 +1,5 @@
 node_modules/
 build/
 .gitignore
-coverage/
+coverage/
+src/assets/css/main.css

config/paths.js

@@ -3,6 +3,7 @@ const path = require('path');
 const paths = {
     entry: path.resolve(__dirname, '../index'),
     output: path.resolve(__dirname, '../build'),
+    assets: path.resolve(__dirname, '../src/assets'),
     template: path.resolve(__dirname, './template.html'),
     uielements: path.resolve(__dirname, '../src/uielements'),
 };

config/webpack.base.config.js

@@ -56,6 +56,7 @@ module.exports = function({ plugins }) {
             extensions: ['.js', '.jsx', '.scss', '.css'],
             alias: {
                 uielements: paths.uielements,
+                assets: paths.assets,
             }
         },
     });

package.json

@@ -7,8 +7,8 @@
     "build": "npm run build:css && webpack ---config ./config/webpack.prod.config.js",
     "dev": "npm run watch:css && webpack-dev-server --config ./config/webpack.dev.config.js --open",
     "lint": "./node_modules/.bin/eslint --ext .js,.jsx src/",
-    "build:css": "postcss src/styles.css -o src/main.css", 
-    "watch:css": "postcss src/styles.css -o src/main.css",
+    "build:css": "postcss src/assets/css/styles.css -o src/assets/css/main.css", 
+    "watch:css": "postcss src/assets/css/styles.css -o src/assets/css/main.css",
     "test": "jest --collect-coverage",
     "test:watch": "jest --watch"
   },

src/app.jsx

@@ -1,8 +1,9 @@
 import React from 'react';
 import logo from './logo.png';
 import Button from 'uielements/button/button.component';
+import 'assets/css/main.css';
 import './app.scss';
-import './main.css';
+
 
 export default function App() {
   return (