lesca-cdn-path

lesca-cdn-path

Use it when image is separated from html.

Installation

npm install lesca-cdn-path --save

Usage

As a Node module:

import { install } from 'lesca-cdn-path';

install('https://cdn.hostname.com/files/');

In the compnenet

• use require

import { path } from 'lesca-cdn-path';

const component = () => <img src={path(require('./img/image.jpg'))} />;
// http://localhost:8080/img/image.jpg => https://cdn.hostname.com/files/img/image.jpg

• use ES6

import { path } from 'lesca-cdn-path';
import Image from './img/image.jpg';

const component = () => <img src={path(Image)} />;
// http://localhost:8080/img/image.jpg => https://cdn.hostname.com/files/img/image.jpg

Development

Methods

method	description	return
.install(cdn-path:string)	set the base path was generated by the CDN	void
.path(local-path:string)	localhost url path	cdn-path

Properties

Properties	description	default
config.enable:boolean	use cdn file	true

Features

• maintain if necessary