Creating NPM Package with Vanilla JavaScript

CodeSweetly

This is a sample of the book's content.Buy on Leanpub

Table of Contents

Creating NPM Package with Vanilla JavaScript

Introduction
Project Configuration
Testing JavaScript Code
Commit Message Configuration
Setting Up Commitlint GitHub Action
Styling React Components
Defining Package’s Entry Point
Local Testing of Unpublished Package
Creating README
Creating LICENSE
Publishing Package to NPM
Local Testing of the Published Package
Production Testing of the Published Package
Updating Package’s Versions
Automating Version Management
NPM Trusted Publishing Configuration
- Add a New Feature
- Update an Existing Feature
Automating GitHub Releases
- Add the Preset Library to Your Release Workflow
- Configure semantic-release to Automatically Publish the Package’s Release Notes
Modularizing JavaScript Codebase
Epilogue
- What’s Next?
- One Last Favor

Creating NPM Package with Vanilla JavaScript/Local Testing of Unpublished Package

Local Testing of Unpublished Package

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Link-Install Your Package Globally in Your System

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Creating a Directory for the Demo Website

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Creating a package.json File

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Initializing a Git Repository

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Specifying the Files Git Should Ignore

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Installing Your Package from Your System’s Global Folder to the Test App

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Using the Link-Installed Package in the Test App

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Creating the Demo Website’s Homepage

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Installing the Parcel Build Tool

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Specifying Parcel as Your Website’s Development Server

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Unlinking Your Package from the Test App

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Unlinking Your Package from the Global Folder

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Up next

Creating README

In this chapter

Local Testing of Unpublished Package
Link-Install Your Package Globally in Your System
Creating a Directory for the Demo Website
Creating a package.json File
Initializing a Git Repository
Specifying the Files Git Should Ignore
Installing Your Package from Your System’s Global Folder to the Test App
Using the Link-Installed Package in the Test App
Creating the Demo Website’s Homepage
Installing the Parcel Build Tool
Specifying Parcel as Your Website’s Development Server
Unlinking Your Package from the Test App
Unlinking Your Package from the Global Folder