npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

angular2webpack-starter

v1.3.1

Published

A simple angular project which will allow you to start bulding angluar2 applications quickly.

Downloads

6

Readme

Angular2-Webpack-Starter

Kicking off a project and getting straight into code is awesome. I complied this starter project to help you go straight into coding what users want.

I envision the starter-project being used as a basis for your personal apps, your company apps, or a starting place for your hackathon team!

The goal of this project is to:

  1. Greatly reduce pre-project configuration
  2. Establish an easily understandable & standard reference architecture

I was inspired by the Angular.io write-up for Angular2 for TypeScript | Webpack: an introduction and some good talks by John Papa. This app code is 99% from the Angular.io write-up and the reference architecture is based on my experiences, influenced by thoughts by John Papa.

Getting started

Prerequisites

This starter package requires global components. Listed below are the components to install, links to help you better understand them and the npm commands.

Webpack

npm i webpack -g

TypeScript

npm i typescript -g

Making the Repo work

Once you clone the repo, navigate to the root directory. The first priority is downloading all dependencies by running:

npm install 

Once all dependencies are installed successfully, we need to register the typescript features:

npm run postinstall

After successfully executing these two commands, you can boot the development server. The application defaults to http://localhost:8080

npm start

[ More To Come ]