Asset Management

main.md

File Structure

src
    assets
       -- index.js
       -- package.json
       -- logo.png
       ...
    index.js

Setup

package.json

"dependicies":{
   "assets": "file:src/assets"
   ...
}

/src/assets/package.json

{
  "name": "assets",
  "version": "1.0.0",
  "description": "Local module for handling assets",
  "main": "index.js"
}

/src/assets/index.js

export const logo = require('./logo.png');

Usage

index.js

import React from 'react'
import {logo} from 'assets'

const componentName = () => {
  return (
    <div>
      <img src={logo}/>
    </div>
  )
}

export default componentName