Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/robertsaupe/node-webdev-basic
a basic web/dev environment built using Node.js & Gulp
https://github.com/robertsaupe/node-webdev-basic
ejs environment gulp js json minify-images nodejs sass scss
Last synced: 1 day ago
JSON representation
a basic web/dev environment built using Node.js & Gulp
- Host: GitHub
- URL: https://github.com/robertsaupe/node-webdev-basic
- Owner: robertsaupe
- License: mit
- Created: 2021-08-10T16:55:04.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-02-19T12:41:38.000Z (9 months ago)
- Last Synced: 2024-05-02T06:10:57.670Z (7 months ago)
- Topics: ejs, environment, gulp, js, json, minify-images, nodejs, sass, scss
- Language: JavaScript
- Homepage:
- Size: 22.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# node-webdev-basic - basic web/dev environment
[Supporting](https://github.com/robertsaupe/node-webdev-basic#supporting) |
[Features](https://github.com/robertsaupe/node-webdev-basic#features) |
[License](https://github.com/robertsaupe/node-webdev-basic#license) |
[Installing](https://github.com/robertsaupe/node-webdev-basic#installing) |
[Getting started](https://github.com/robertsaupe/node-webdev-basic#getting-started) |
[Updating](https://github.com/robertsaupe/node-webdev-basic#updating)
## Supporting
[GitHub](https://github.com/sponsors/robertsaupe) |
[Patreon](https://www.patreon.com/robertsaupe) |
[PayPal](https://www.paypal.com/donate?hosted_button_id=SQMRNY8YVPCZQ) |
[Amazon](https://www.amazon.de/ref=as_li_ss_tl?ie=UTF8&linkCode=ll2&tag=robertsaupe-21&linkId=b79bc86cee906816af515980cb1db95e&language=de_DE)
## Features
- build web projects with live develop
- copy files
- ejs -> minify html
- sass/scss -> minify css
- minify js
- optimize/minify images (png,svg,gif,jpg,jpeg)
- favicon.png -> favicon.ico
## License
This software is distributed under the MIT license. Please read [LICENSE](LICENSE) for information.
## Installing
### Requirements
- [Node.js](https://nodejs.org)
- [Gulp](https://gulpjs.com/docs/en/getting-started/quick-start)
- [ImageMagick](https://imagemagick.org)
- [GraphicsMagick](http://www.graphicsmagick.org)
### Installing Requirements on Windows
#### Installing [Chocolatey (Package Manager for Windows)](https://chocolatey.org)
First, ensure that you are using an [administrative shell](https://www.howtogeek.com/194041/how-to-open-the-command-prompt-as-administrator-in-windows-10/) - you can also install as a non-admin, check out [Non-Administrative Installation](https://docs.chocolatey.org/en-us/choco/setup#non-administrative-install).
Install with powershell.exe
```powershell
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))
```
Other install methods can be found [here](https://chocolatey.org/install).
#### Installing [ImageMagick](https://imagemagick.org) using [Chocolatey (Package Manager for Windows)](https://chocolatey.org)
```bash
choco install imagemagick
```
#### Installing [GraphicsMagick](http://www.graphicsmagick.org) using [Chocolatey (Package Manager for Windows)](https://chocolatey.org)
```bash
choco install graphicsmagick
```
#### Installing [NVM for Windows](https://github.com/coreybutler/nvm-windows) using [Chocolatey (Package Manager for Windows)](https://chocolatey.org)
```bash
choco install nvm
```
#### Installing Node.js Version using [NVM for Windows](https://github.com/coreybutler/nvm-windows)
```powershell
$nvmrc = Get-Content .nvmrc
Invoke-Expression -Command "nvm install $nvmrc"
Invoke-Expression -Command "nvm use $nvmrc"
```
#### PowerShell Startup Script for .nvmrc
##### Create a profile file
```powershell
New-item –type file –force $profile
```
##### edit the created profile file and add
```powershell
Function runNvmUse([string]$version) {
Invoke-Expression -Command "nvm use $version"
}
if (Test-Path .nvmrc) {
$nvmrc = Get-Content .nvmrc
$project_version = "v$nvmrc"
$current_version = Invoke-Expression -Command "node -v"
if ($project_version -ne $current_version) {
runNvmUse($nvmrc)
} else {
Write-Output "Already using node $current_version"
}
}
```
### Install Gulp
```bash
npm install -g gulp
```
### Environment
```bash
git clone https://github.com/robertsaupe/node-webdev-basic.git
cd node-webdev-basic/
npm i
```
## Getting started
live develop:
```bash
npm run dev_build
```
just build project:
```bash
npm run build
```
clear builds:
```bash
npm run clear
```
## Updating
### Updating Dependencies
```bash
npm install -g npm-check-updates
ncu -u
npm install
```