https://github.com/davidkk/ngwp
Project scaffold (Webpack, AngularJS, ES6, SCSS, Jade/Pug)
https://github.com/davidkk/ngwp
angular1 angularjs jade sass scaffold webpack
Last synced: 7 months ago
JSON representation
Project scaffold (Webpack, AngularJS, ES6, SCSS, Jade/Pug)
- Host: GitHub
- URL: https://github.com/davidkk/ngwp
- Owner: DavidKk
- Created: 2017-02-07T14:49:43.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2018-01-16T08:40:16.000Z (about 8 years ago)
- Last Synced: 2025-07-01T19:49:41.020Z (7 months ago)
- Topics: angular1, angularjs, jade, sass, scaffold, webpack
- Language: JavaScript
- Homepage:
- Size: 270 KB
- Stars: 2
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://badge.fury.io/gh/DavidKk%2Fngwp)
[](https://badge.fury.io/js/ngwp)
[](http://standardjs.com)
[](https://travis-ci.org/DavidKk/ngwp)
[](https://ci.appveyor.com/project/DavidKk/ngwp)
[](https://coveralls.io/github/DavidKk/ngwp?branch=master)
[](https://dependencyci.com/github/DavidKk/ngwp)
# Project Information
## Install
```
$ npm install -g ngwp
```
## Example
[https://github.com/DavidKk/ngwp-todo](https://github.com/DavidKk/ngwp-todo)
## Nginx config file generation and import
Config file in project, [.ngwprc.json](https://github.com/DavidKk/ngwp-todo/blob/master/.ngwprc.json)
```
$ vi project/.ngwprc.json
$ ngwp nginx
```
# Features
## Multiple Modules
You can define multiple entry/modules in folder [src/modules/](https://github.com/DavidKk/ngwp-todo/tree/master/src/modules). Different modules must define different nginx configurations, see [.ngwprc.json](https://github.com/DavidKk/ngwp-todo/blob/master/.ngwprc.json).
## Image Sprites Auto-Generate
Put all image-sprites to folder [src/assets/sprites/images/](https://github.com/DavidKk/ngwp-todo/tree/master/src/assets/sprites/images), it will combine them to only one image (`dist/path/assets/panels/sprite.{hashcode}.png`).
The base unit is percentage (`%`) not `px` or `rem`. You can change it by file [src/assets/sprites/images/sprite.scss.template.handlebars](https://github.com/DavidKk/ngwp-todo/blob/master/src/assets/sprites/images/sprite.scss.template.handlebars)
## SVG Sprites Auto-Generate
Put all svg-sprites to folder [src/assets/sprites/svg/](https://github.com/DavidKk/ngwp-todo/tree/master/src/assets/sprites/svg), it will combine them to only one svg (`dist/path/assets/panels/svgsprite.{hashcode}.svg`).
And the SVGO config file is in [src/assets/sprites/svg/svgstore.config.js](https://github.com/DavidKk/ngwp-todo/blob/master/src/assets/sprites/svg/svgstore.config.js)
### Compatibility must be known:
```
svg in webkit old browser, it not support use (reference)
it must use ''
and because svgo(https://github.com/svg/svgo) do not set
'xmlns:xlink="http://www.w3.org/1999/xlink"', so it make
origin svg content with use tag lack 'namespace' 'prefix',
and it make svg display success.
Error Code:
This page contains the following errors:
error on line 1 at column 15734: Namespace prefix xlink for href on use is not defined
Below is a rendering of the page up to the first error.
Browser: Chrome 48.0.2564.23:
Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N)
AppleWebKit/537.36 (KHTML, like Gecko)
Chrome/48.0.2564.23
Mobile Safari/537.36
wechatdevtools/0.7.0
MicroMessenger/6.3.22
webview/0
Docs : https://github.com/svg/svgo/blob/master/docs/how-it-works/en.md#3-plugins
API : https://github.com/svg/svgo/blob/master/docs/how-it-works/en.md#32-api
```