styles css moved to assrts

udaypydi · udaypydi · commit 1e80f3eda323 · 2020-04-23T14:02:03.000+05:30
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
 node_modules/
 build/
 .gitignore
-coverage/
+coverage/
+src/assets/css/main.css
diff --git a/config/paths.js b/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'),
 };
diff --git a/config/webpack.base.config.js b/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,
             }
         },
     });
diff --git a/package.json b/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"
   },
diff --git a/src/app.jsx b/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 (
diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css
diff --git a/src/main.css b/src/main.css

Original file line number	Diff line number	Diff line change
`@@ -56,6 +56,7 @@ module.exports = function({ plugins }) {`
`56`	`56`	`extensions: ['.js', '.jsx', '.scss', '.css'],`
`57`	`57`	`alias: {`
`58`	`58`	`uielements: paths.uielements,`
	`59`	`+ assets: paths.assets,`
`59`	`60`	`}`
`60`	`61`	`},`
`61`	`62`	`});`