Load javascript plugins via node modules

[ridwanzal]

Hi, i want to load the js library file from node_modules instead of CDN, but i have a problem, i can't find bundled module in dist directory like CDN, i check that the bundled file are on build directory. Can you give an example how to load the library from node-modules ? This is tree structure from js-cloudimage-responsive when installed using npm

. ├── blur-hash │ ├── blurHash │ │ ├── base83.js │ │ ├── decode.js │ │ ├── error.js │ │ ├── imageDataPolyfill.js │ │ ├── index.js │ │ ├── unit8ClampedArrayPolyfill.js │ │ └── utils.js │ ├── ci.config.js │ ├── ci.service.js │ ├── ci.utils.js │ ├── index.js │ └── polyfills │ └── prepend.polyfill.js ├── common │ ├── ci.constants.js │ └── ci.utils.js ├── lazysizes-intersection.js ├── low-preview │ ├── ci.config.js │ ├── ci.service.js │ ├── ci.styles.css │ ├── ci.utis.js │ └── index.js ├── plain │ ├── ci.config.js │ ├── ci.service.js │ ├── ci.utils.js │ └── index.js └── wp └── index.js

I hope you can give me an answer. Thanks a lot.

[amrw-js]

hey @ridwanzal, you need to read the documentation for how to install using NPM and how to initialize it

$ npm install --save js-cloudimage-responsive

import 'js-cloudimage-responsive';

new window.CIResponsive({
  token: 'YOUR_TOKEN',
  baseURL: 'BASE_URL' // optional
});

[ridwanzal]

Hi, @amrw-js thanks for your reply, for project that use es6 structured it's working like charm. I'm concern that, i think you had build/bundled/minified js that we can use directly from js-cloudimage-responsive "build" directory, like from CDN. I think something like this :

<script src="./node_modules/js-cloudimage-responsive/build/js-cloudimage-responsive.min.js">

if that so, maybe i will store it manually for my project then. Thanks.

[apsylone]

Can't make it works with module. The compiler failed because of missing "module" keyword I think... "Module build failed: Module not found:" "...contains a reference to the file "js-cloudimage-responsive". "This file can not be found, please check it for typos or update it if the file got moved."

Did what mentionned in installation docs. $ yarn add js-cloudimage-responsive

import 'js-cloudimage-responsive';