Javascript Library Boilerplate Basic
Minimal Library Starter Kit for your Javascript projects
If you like TypeScript, check out ts-library-boilerplate-basic.
Want a more robust (yet bulkier) alternative? Check out js-library-boilerplate.
⭐️
Features
- Webpack 5
- Babel 7
- Hot reloading (
npm start) - UMD exports, so your library works everywhere.
- Jest unit testing
- Daily dependabot dependency updates
��
Getting Started
git clone https://github.com/hodgef/js-library-boilerplate-basic.git myLibrary
npm install
��
Customization
Before shipping, make sure to:
- Edit
LICENSEfile - Edit
package.jsoninformation (These will be used to generate the headers for your built files) - Edit
library: "MyLibrary"with your library's export name in./webpack.config.js
��
Deployment
npm publish- Your users can include your library as usual
npm
import MyLibrary from 'my-library';
const libraryInstance = new MyLibrary();
...
self-host/cdn
<script src="build/index.js"></script>
const MyLibrary = window.MyLibrary.default;
const libraryInstance = new MyLibrary();
...
Note: In this minimal version, any images and css files you import will be added to the js bundle. If you want them as separate files, you can use js-library-boilerplate or edit the Webpack config accordingly.
✅
Libraries built with this boilerplate
Made a library using this starter kit? Share it here by submitting a pull request!
- Canvas-Txt - A library to print multiline text on HTML5 canvas with better line breaks and alignments
- moon-phase-widget - Super tiny javascript library to add awesome moon phase widget to your website
- simple-keyboard-autocorrect - Autocorrect module for simple-keyboard
- simple-keyboard-input-mask - Input mask module for simple-keyboard
- simple-keyboard-key-navigation - Key navigation module for simple-keyboard
- swipe-keyboard - Swype type keyboard module for simple-keyboard
-
prisma orm Over in Part 1 we discussed how to connect our deployed Prisma API to our Node.js-based GraphQL server. Now we’re going to look into using the prisma-bindings library to start using all the
-
feature功能 This article is an introduction to a new JS library called feature-u, that facilitates feature-based development in your React project. 本文是对新的JS库(称为feature-u )的介绍，该库促进了React项目中基于功能的开发 。 Note
-
Javascript Library Boilerplate Library Starter Kit for your Javascript projects This is a more robust library boilerplate. For a minimal alternative, check out js-library-boilerplate-basic. ⭐️ Feature
-
JavaScript Stack Boilerplate Final boilerplate code of the JavaScript Stack from Scratch tutorial. How to use this boilerplate This boilerplate is available in two versions: js-stack-boilerplate (this
-
D3.js star 数：88K D3.js 可能是最流行和使用最广泛的 JavaScript 数据可视化库。D3 用于基于数据的文档操作，并使用 HTML、SVG 和 CSS 让数据活起来。它基于 Web 标准，结合现代浏览器，不需要与专有框架耦合，将可视化组件和数据驱动的方法结合到 DOM 操作上。它允许你将任意数据绑定到文档对象模型（DOM），然后在文档上应用数据转换。 这里有一个很棒的例子
-
HTML5 Boilerplate 是一个专业的前端模板，用于构建快速、稳健、适应性强的网络应用程序或网站。 这个项目是超过10年的迭代开发和社区知识的产物。它不强加一个特定的开发理念或框架，所以你可以自由地以你想要的方式架构你的代码。
-
nginx-boilerplate 包含一系列的 Nginx 配置模板，值得参考。 特性： 常用的基于 include 的配置结构 优化默认参数 连接和请求限制设置 后端响应缓存 各种预定义的 location 高级日志
-
web 开发团队的一个常见实践是创建一组标准文件，团队成员基于它们开始 web 开发流程，包括一个公共文件结构、基本命名惯例和标准库。这样做能够更容易启动并运行一个项目。它还能将开发人员引向内部编码标准并实施标准文件组织。 HTML5 Boilerplate 就是这种处于 web 开发最前沿的完美理念的实现。 结合了使用 HTML5 需要的几个增强和许多其他最佳实践，只需最少的前期投资，HTML5