pnpjs for javascript project

[masterl1983]

Category

• [ ] Enhancement
• [ ] Bug
• [x ] Question
• [ ] Documentation gap/issue

Expected / Desired Behavior / Question

I used the old repo for some time now and I now would like to move to the new repo. I used pnp-js-core for simple tasks in a content-editor webpart. I used the javascript files from the dist folder...

In the new repo I only can find TypesScript files - how can I use the library within a plain javascript project?

Thank you for your feedback!

[ahsanranjha]

I am also waiting for same ...

[koltyakov]

Currently, it's possible to clone, checkout master or dev branch. Install dependencies with npm install, then build locally with gulp package. As a result, dist is created. dist/packages/pnpjs/pnpjs.es5.umd.bundle.min.js then can be placed into assets library and referenced on a page and used. The root object is pnp not $pnp.

Alternatevily, you one run npm i @pnp/pnpjs and grab the file from node_modules.
I would recommend this approach even if TypeScript is out of the project scope.

AFAIK, CDN version is on its way.

[koltyakov]

Also, it's always possible to download compiled version from npm, i.e.

• https://unpkg.com/@pnp/pnpjs@latest/dist/pnpjs.es5.umd.bundle.min.js (release, published monthly) or
• https://unpkg.com/@pnp/pnpjs@beta/dist/pnpjs.es5.umd.bundle.min.js (a beta version, published on weekly basic)

[KEMiCZA]

It seems you can also get the minified js files from the unpkg.com site, just add .min.js at the end, i.e.
https://unpkg.com/@pnp/pnpjs@beta/dist/pnpjs.es5.umd.bundle.min.js

[koltyakov]

@KEMiCZA, he he, I updated the links couple of seconds before your comment.

[patrick-rodgers]

Going to close this as answered. You can track the availability of the files from the CDN using #6.