https://github.com/gregrickaby/npm-scripts-boilerplate

A collection of packages that build a website using npm scripts.
https://github.com/gregrickaby/npm-scripts-boilerplate

cssnano image-processing nodejs npm-scripts npmjs postcss sass

Last synced: about 2 months ago
JSON representation

A collection of packages that build a website using npm scripts.

• Host: GitHub
• URL: https://github.com/gregrickaby/npm-scripts-boilerplate
• Owner: gregrickaby
• Archived: true
• Created: 2019-05-01T20:55:19.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-05-25T03:52:54.000Z (over 3 years ago)
• Last Synced: 2024-09-25T19:13:02.866Z (about 2 months ago)
• Topics: cssnano, image-processing, nodejs, npm-scripts, npmjs, postcss, sass
• Language: HTML
• Size: 1.62 MB
• Stars: 11
• Watchers: 2
• Forks: 2
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# npm-scripts-boilerplate

No need for Gulp, Grunt, or Webpack here... this is a collection of packages that build a website using `npm scripts` instead. Thanks to Damon Bauer for his post on [CSS Tricks](https://css-tricks.com/why-npm-scripts/) and his [NPM Build Boilerplate](https://github.com/damonbauer/npm-build-boilerplate) for which this is based.

## Quick Start

**Clone**

```bash

git clone https://github.com/gregrickaby/npm-scripts-boilerplate.git

```

**Install**

```bash

npm i

```

**Set your proxy URL in `package.json` under the `serve` task.**

```bash

browser-sync start --https --proxy 'https://gregrickaby.test' --files \'dist/css/*.css, dist/js/*.js, **/*.html, !node_modules/**/*.html\'

```

(or you could remove the proxy... your choice!)

**Watch**

```bash

npm run watch

```

## Use with WordPress

If you want to use this workflow with a WordPress Theme, checkout my [WP Starter Theme](https://github.com/gregrickaby/wp-starter-theme).

## Need help?

Feel free to [create an issue](https://github.com/gregrickaby/npm-scripts-boilerplate/issues) or [tweet me](https://twitter.com/gregrickaby).