Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dev-techmoe/gulp-workflow
front end web development environment built with Gulp
https://github.com/dev-techmoe/gulp-workflow
Last synced: about 21 hours ago
JSON representation
front end web development environment built with Gulp
- Host: GitHub
- URL: https://github.com/dev-techmoe/gulp-workflow
- Owner: dev-techmoe
- License: mit
- Created: 2018-06-01T13:49:01.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-09-08T07:27:48.000Z (over 4 years ago)
- Last Synced: 2023-08-16T08:02:49.431Z (over 1 year ago)
- Language: JavaScript
- Size: 86.9 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# gulp-workflow
techmoe's basic gulp workflow for web frontend development
## feature
- Support [Pug](https://pugjs.org/) (an useful template engine that can help us to generate HTML structure faster)
- Live preview result in the browser when a file is changed
## Contained modules
- [gulp](https://gulpjs.com/)
- [gulp-cli](https://www.npmjs.com/package/gulp-cli)
- [browser-sync](https://browsersync.io/)
### gulp plugins
- [plumber](https://www.npmjs.com/package/gulp-plumber)
- [rename](https://www.npmjs.com/package/gulp-rename)
- [clean](https://www.npmjs.com/package/gulp-clean)
- [less](https://www.npmjs.com/package/gulp-less)
- [clean-css](https://www.npmjs.com/package/gulp-clean-css)
- [concat](https://www.npmjs.com/package/gulp-concat)
- [gulp-if](https://www.npmjs.com/package/gulp-if)
- [pug](https://www.npmjs.com/package/gulp-pug)
## Usage
You can use this directory structure to organize your project
```
src
├── index.html
├── static
│ └── gulp.svg
└── style
└── index.less
```
or this..
```
src
├── admin
│ ├── index.html
│ └── index.less
└── index
├── index.html
├── index.less
└── logo.svg
```
All html file will output to the dest path in the same directory structure.
## Commands
- `yarn start` Launch development server and start inspect file changes.
- `yarn build` Build all file for production environment.
- `yarn clean` Clean the work directory.
## TODO
- [ ] ECMAScript support.
## License
MIT