Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/DevUnltd/js-library-boilerplate-basic
Javascript Minimal Starter Boilerplate - Webpack 5 🚀, Babel 7, UMD, Unit Testing
https://github.com/DevUnltd/js-library-boilerplate-basic
babel babel7 boilerplate javascript javascript-library library-boilerplate starter-kit webpack webpack4
Last synced: 3 days ago
JSON representation
Javascript Minimal Starter Boilerplate - Webpack 5 🚀, Babel 7, UMD, Unit Testing
- Host: GitHub
- URL: https://github.com/DevUnltd/js-library-boilerplate-basic
- Owner: DevUnltd
- License: mit
- Created: 2019-06-14T00:43:37.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2024-10-28T08:10:32.000Z (13 days ago)
- Last Synced: 2024-10-28T09:39:36.047Z (13 days ago)
- Topics: babel, babel7, boilerplate, javascript, javascript-library, library-boilerplate, starter-kit, webpack, webpack4
- Language: HTML
- Homepage: https://www.npmjs.com/package/@hodgef/js-library-boilerplate-basic
- Size: 9.15 MB
- Stars: 416
- Watchers: 5
- Forks: 37
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Javascript Library Boilerplate Basic
Minimal Library Starter Kit for your Javascript projects
If you like TypeScript, check out [ts-library-boilerplate-basic](https://github.com/hodgef/ts-library-boilerplate-basic).
Want a more robust (yet bulkier) alternative? Check out [js-library-boilerplate](https://github.com/hodgef/js-library-boilerplate).
## ⭐️ Features
- Webpack 5
- Babel 7
- Hot reloading (`npm start`)
- UMD exports, so your library works everywhere.
- Jest unit testing
- Customizable file headers for your build [(Example 1)](https://github.com/hodgef/js-library-boilerplate-basic/blob/master/build/index.js) [(Example2)](https://github.com/hodgef/js-library-boilerplate-basic/blob/master/build/css/index.css)
- Daily [dependabot](https://dependabot.com) dependency updates
## 📦 Getting Started
```
git clone https://github.com/hodgef/js-library-boilerplate-basic.git myLibrary
npm install
```
## 💎 Customization
> Before shipping, make sure to:
1. Edit `LICENSE` file
2. Edit `package.json` information (These will be used to generate the headers for your built files)
3. Edit `library: "MyLibrary"` with your library's export name in `./webpack.config.js`
## 🚀 Deployment
1. `npm publish`
2. Your users can include your library as usual
### npm
```
import MyLibrary from 'my-library';
const libraryInstance = new MyLibrary();
...
```
### self-host/cdn
```
const MyLibrary = window.MyLibrary.default;
const libraryInstance = new MyLibrary();
...
```
## ✅ Libraries built with this boilerplate
> Made a library using this starter kit? Share it here by [submitting a pull request](https://github.com/hodgef/js-library-boilerplate-basic/pulls)!
- [Canvas-Txt](https://github.com/geongeorge/Canvas-Txt) - A library to print multiline text on HTML5 canvas with better line breaks and alignments
- [moon-phase-widget](https://github.com/g00dv1n/moon-phase-widget) - Super tiny javascript library to add awesome moon phase widget to your website
- [simple-keyboard-autocorrect](https://github.com/hodgef/simple-keyboard-autocorrect) - Autocorrect module for simple-keyboard
- [simple-keyboard-input-mask](https://github.com/hodgef/simple-keyboard-input-mask) - Input mask module for simple-keyboard
- [simple-keyboard-key-navigation](https://github.com/hodgef/simple-keyboard-key-navigation) - Key navigation module for simple-keyboard
- [swipe-keyboard](https://github.com/hodgef/swipe-keyboard) - Swype type keyboard module for simple-keyboard