devunltd / js-library-boilerplate Goto Github PK

I get window.Library undefined when accessing through cdn.
This is the built library: https://www.npmjs.com/package/regex-colorize

Hi, thanks for the boilerplate it saves lots of time.

Just a quick one, as far as I skim read to use the lib one's creates and if hosted on a CDN we need to first

let MyLibrary = window.MyLibrary.default;
let libraryInstance = new MyLibrary();

is it not possible to just pollute the global scope straight away without calling the default prop?

and is it possible to rename the global variable? didn't find any options so far (as in a custom name rather than MyLibrary).

Thanks again 🙏

https://github.com/facebook/create-react-app/releases/tag/v3.0.0

I create library with your boilerplate but i have to add types definition to run library on typescript project, how do i can add types definition with this boilerplate

This is my library its called fungsi-maju

After downloading, I use NPM run start to prompt this error. What settings should I set?

In the past, 2.6.108 was such a problem, and now 2.6.111 is also such a problem

'loose' mode configuration must be the same for @babel/plugin-proposal-class-properties, @babel/plugin-proposal-private-methods
and @babel/plugin-proposal-private-property-in-object (when they are enabled).

I ever create Async method with async/await syntax but when i build for my nodejs project it require polyfill thing.

class MyLibrary {
  ...
  // Sync method - that i use right now
  register(cb) {
    let someVariable = cb();
    return someVariable;
  }
  // Async method - that i want implement
  async register(cb) {
    let someVariable = await cb();
    return someVariable;
  }
  ...
}

Do you have any best practice to make async method with async/await syntax ?

When i am trying to use wbpack-bundle-analyzer with this bilorplate i get Cannot read property 'tapAsync' of undefined error. please give some advice on hove to resolve this issue?

Hello

I have an existing create-react-app application that I'm looking to convert to a library. The app is mainly Typescript but also contains a small amount of js. Is it possible to use this boilerplate to convert my app? If so, what changes do I need to make to allow it to work with Typescript?

Thanks.

What if I want to compile multiple projects?

Metaphor: Src / AAA/ index.js Corresponding output directory build / AAA

src/bbb/ index.js The corresponding output directory is build / BBB

bit unclear as to what the difference and the choice to use between demo in src/ vs lib in src/. and how build vs demo are different. when building for production to be consumed is the build dir the only thing required

Hi, you created a cool template to speed up library development.

I have some problems.
I created a library called Fungsi Maju last week but when I ran npm start to test at demo, it started without any errors but when changing the script in the demo folder it didn't respond. I think the demo directory is not resolved by webpack, please check my repo.

Btw, npm run demo worked flawlessly.

Hi @hodgef

Really great job!

I noticed however that the npm run build builds the demo/index.js instead of the lib/index.js. As a result window.MyLibrary is not available when we load the build/index.js library with a <script> tag.

It look that the problem is solved when we replace 'src/demo/index') with 'src/lib/index'), in

there is an extra LICENSE.txt in the build folder at running build script

I want to use the boilerplate to create a library that can be added from a cdn to other websites, is there any example of configuring workbox to precache the dependencies of the library? I tried adding workbox to an existing boilerplate and the service worker registration fails as the library is hosted on a different domain. Thanks.