sails-generate-angular-gulp

0.1.2 • Public • Published

sails-generate-angular-gulp

Gitter

Angular app generator for sails (gulp task & basic app structure in assets). This should only be used to create new projects, for the time being, as it modifies a few standard sails files like layout.js. If you use this on a project already started, be sure to backup the layout.js file and your routes in routes.js.

Install

This should be used with my sails gulp suit of generators. remember to add .sailsrc to directory above where the project will be created. See my other generators for details.

$ npm install -g sails-generate-backend-gulp
$ npm install -g sails-generate-gulpfile
$ npm install -g sails-generate-frontend-gulp
$ npm install -g sails-generate-new-gulp
$ npm install -g sails-generate-bower-gulp
$ npm install -g sails-generate-angular-gulp
sails new <project name here>

Framework Change

By default the sails angular generator with web server is added to the .sailsrc file. If you would like to use the standard sails angular generator that is integrated with sails routes, controllers, etc change the .sailsrc file for angular to

'sails-generator-angular-gulp'

by switching out the -gws with -gulp before doing a sails generate angular.

next

sails generate bower
sails generate angular
npm install

Now, a few things need to be added manually for the time being until I have time to make it fully automated. In tasks/config/pipeline.js replace everything in jsFilesToInject = [ with

  // Load sails.io before everything else
  'vendor/socket.io-client/socket.io.js',
  'js/dependencies/sails.io.js',
 
  // Dependencies like jQuery, or Angular are brought in here
  'js/dependencies/**/*.js',
  'vendor/angular/angular.js',
  'vendor/angular-bootstrap/ui-bootstrap-tpls.min.js',
  'vendor/angular-ui-router/release/angular-ui-router.min.js',
  'vendor/angular-ui-utils/ui-utils.min.js',
  'vendor/angular-sails/dist/angular-sails.min.js',
  'vendor/lodash/dist/lodash.min.js',
  'vendor/moment/moment-locales.min.js',
  'vendor/angular-moment/angular-moment.min.js',
  'vendor/angular-translate/angular-translate.min.js',
  'vendor/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js',
  'vendor/ng-table/ng-table.js',
  'vendor/jquery/dist/jquery.min.js',
  'vendor/bootstrap/dist/js/bootstrap.min.js',
  'vendor/**/*.js',
  'src/**/*.js',
 
  // All of the rest of your client-side js files
  // will be injected here in no particular order.
  'js/**/*.js'

in config/routes.js change '/': to '/': 'HomeController.index' Do a sails lift and you're ready to start coding.

Features

  • Uses $templateCache for pages in angular which means that the .tpl.html files are only used to create the templates.js
  • layout.js is automatically modified with whats needed to run angular
  • simple generator

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.1.2
    0
    • latest

Version History

Package Sidebar

Install

npm i sails-generate-angular-gulp

Weekly Downloads

9

Version

0.1.2

License

MIT

Last publish

Collaborators

  • karnith