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

alpha-scripts

v2.0.1

Published

Configuration and scripts using webpack, mainly refers to react-scripts.

Downloads

9

Readme

alpha-scripts

This is a fork of react-scripts with some modifications that can toggle extra features.

USE

Install

Install with npm:

npm install --save-dev alpha-scripts

Install with yarn:

yarn add alpha-scripts --dev

Run

Runs the app in development mode:

alpha-scripts start

Builds the app for production to the build folder:

alpha-scripts build

You can also config the "scripts" property of the package.json file.

Options

You can pass options using a configuration file .alpharc.js in the root directory and export an object containing your configuration.

analyzer (default: false)

This option will enable analyzer, only in production mode, will open analyzer result in http://localhost:1234 .eslintrc.* files.

eslintrc (default: false)

This option will enable eslint using configuration defined in .eslintrc.* files.

eslintConfigPath

This option set eslint configuration file path.

babelrc (default: false)

This option will enable the use of .babelrc configuration files.

modules

add directories for webpack to resolve modules from, see webpack resolve.modules

modules: ['components'];

alias

set resolve aliases, see webpack resolve.alias

proxy

proxying API requests in development

plugins

allow additional webpack plugins. See plugins page for detail.

mockOptions

specify the options for mock data, more

openPathname

specify the default open pathname in development

openPathname: '/homepage';

theme

override less variables via less-loader modifyVars

theme: {
  'primary-color': '#1DA57A',
},

includePaths

paths for babel-loader to resolve

watchIgnored

specify watch ignore files and/or directories watchOptions.ignored

Note:

If you want to override @icon-url, the value must be contained in quotes like "@icon-url": "'your-icon-font-path'". A fix sample.


License