https://github.com/devbeno/angular-stage
WordPress angular.js stage plugin
https://github.com/devbeno/angular-stage
Last synced: about 1 month ago
JSON representation
WordPress angular.js stage plugin
- Host: GitHub
- URL: https://github.com/devbeno/angular-stage
- Owner: devbeno
- Created: 2022-02-16T19:36:10.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-02-16T19:37:04.000Z (over 4 years ago)
- Last Synced: 2025-03-02T09:26:55.834Z (over 1 year ago)
- Language: Less
- Homepage:
- Size: 534 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WordPress Angular.js Plugin Demo
Example setup of using Angular.js inside of a WordPress plugin to create a stand-alone, API powered, Angular.js single page app or micro site. The demo app includes the following concepts:
1. Setup HTML5 pushState routing
2. Create custom API endpoints that are consumed by Angular's `$resource` service
3. Build LESS, JS and dynamic HTML with a gulp build
4. Auto-version CSS and JS inside of a dynamic HTML template (using Gulp)
5. How to handle it all inside of an isolated WordPress plugin
## Install
Make sure you have `node`, `npm`, and `gulp` packages installed globally then:
1. Clone the repo to your `/wp-content/plugins/` directory
2. Install Node packages for the build process: `npm install`
3. Run the Gulp build: `gulp build`
4. Activate the **Angular Stage Demo** plugin within WordPress
## Build
Gulp is used to compile, concatenate, and minify LESS and JS for the plugin.
### Tasks
* `gulp` - Watch tasks that will compile when JS/LESS files change in real-time
* `gulp build` - Compiles all JS/CSS then exits.