title: CSS and Images files not coming after transpiling package with babel in new CRA
body: <p>I am importing CSS as import './style.css'; and images in CSS with background URL property. What I want is to make a package, publish it to npm without building and then install it into a new CRA and use it there. <a href="https://stackoverflow.com/questions/60077150/using-self-made-npm-package-in-react-failed-to-compile/60143350#60143350">Using self made npm package in react. Failed to compile</a>. From here I got to know that to use that installed package now I have to transpile it. But the issue is my js/jsx are getting transpiled from ES6 to ES5 but the images and CSS aren't coming into the new transpiled folder.</p>
  
  <p><strong>DETAILS</strong>
  I made a package in Reactjs and was not able to use it after publishing the source, not by <strong>making the build</strong>.
  Then I posted a question on it: <a href="https://stackoverflow.com/questions/60077150/using-self-made-npm-package-in-react-failed-to-compile/60143350?noredirect=1#comment106912298_60143350">Using self made npm package in react. Failed to compile</a>.</p>
  
  <p>Now I am able to use it by following the steps in the accepted answer i.e. by transpiling ./src using babel.</p>
  
  <p>The issue on which I am still stuck is that I don't get my CSS and images in the new transpiled location i.e. ./lib/src. If I copy all the images and CSS folders in the respective places in ./lib/src. It works but I don't want to do it manually.</p>
  
  <p>Any suggestions on how to achieve this.</p>
  
  <p>WEBPACK.CONFIG.JS</p>
  
  <pre><code>module.exports = {
    overrides: [
      {
        test: ["./node_modules/&lt;component_name&gt;"],
        presets: ["@babel/preset-env", "@babel/preset-react"],
        plugins: ["@babel/plugin-proposal-class-properties"]
      }
    ]
  };
  
  </code></pre>
  
  <p>PACKAGE.json</p>
  
  <pre><code>{
    "name": "package-test",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
      "@babel/preset-es2015": "^7.0.0-beta.53",
      "@babel/preset-react": "^7.8.3",
      "@material-ui/core": "^1.5.1",
      "@testing-library/jest-dom": "^4.2.4",
      "@testing-library/react": "^9.4.0",
      "@testing-library/user-event": "^7.2.1",
      "active-event-stack": "^1.0.0",
      "babel-loader": "^8.0.6",
      "babel-plugin-webpack-loaders": "^0.9.0",
      "classnames": "^2.2.3",
      "css-loader": "^3.4.2",
      "file-loader": "^5.0.2",
      "material-ui": "^0.20.0",
      "path": "^0.12.7",
      "prop-types": "^15.6.0",
      "react": "^16.12.0",
      "react-dom": "^16.12.0",
      "react-draggable": "^2.2.6",
      "react-onclickoutside": "^5.10.0",
      "react-redux": "^7.1.3",
      "react-resizable": "^1.7.1",
      "react-router-dom": "^5.1.2",
      "react-scripts": "3.4.0",
      "redux": "^3.7.2",
      "style-loader": "^1.1.3",
      "styled-components": "^4.3.2",
      "url-loader": "^3.0.0",
      "wolfy87-eventemitter": "^5.2.9"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test",
      "eject": "react-scripts eject"
    },
    "eslintConfig": {
      "extends": "react-app"
    },
    "browserslist": {
      "production": [
        "&gt;0.2%",
        "not dead",
        "not op_mini all"
      ],
      "development": [
        "last 1 chrome version",
        "last 1 firefox version",
        "last 1 safari version"
      ]
    },
    "devDependencies": {
      "@babel/cli": "^7.8.4"
    }
  }
  </code></pre>