sails-generate-frontend-gulp

---

A frontend generator for use with the Sails command-line interface that works with gulp and sails lift. This generator creates client side assets and files with grunt configurations and tasks that manage the front end assets for a sails project. To see more infomation about how it works look here.

Installation

Certain generators are installed by default in Sails, but they can be overridden. Check the Sails docs for information on installing generator overrides / custom generators.

$ 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
 

.sailsrc

.sailsrc needs to be added to the working dir with the following:

{
    "generators": {
        "modules": {
            "new": "sails-generate-new-gulp",
            "frontend": "sails-generate-frontend-gulp",
            "backend": "sails-generate-backend-gulp",
            "gulpfile": "sails-generate-gulpfile"
        }
    }
}

Production Usage

** It is important to note that css files will automatically be minified and autoprefixed for last two versions of Safari 5, IE 10, opera 12.1, ios 6 and android 4. The js files will automatically be concatenated to main.min.js. When adding files to assets folder while system is live, please make sure to add files one at a time (for now) and wait for the task to finish before adding the next file or else not all of the tasks will run on the files.

On the command line

$ sails generate frontend

In a node script

var path = require('path');
var sailsgen = require('sails-generate');
var scope = {
    rootPath: path.resolve(__dirname)
};
sailsgen(require('sails-generate-frontend-gulp'), scope, function (err) {
    if (err) throw err;
 
    // It worked.
});

Development

To get started quickly and see this generator in action, run the bin/index.js script:

$ git clone YOUR_FORK_OF_THIS_REPO sails-generate-frontend-fork
$ cd sails-generate-frontend-fork
$ npm install
$ node ./bin

bin/index.js is a simple script, bundled only for convenience, that runs the generator with hard-coded scope variables. Please feel free to modify that file however you like! Also see CONTRIBUTING.md for more information on overriding/enhancing generators.

Questions?

See FAQ.md.

More Resources

• Stackoverflow
• #sailsjs on Freenode (IRC channel)
• Twitter
• Professional/enterprise
• Tutorials
• 

License

MIT © 2014 Karnith

Sails is free and open-source under the MIT License.