[npsr]

#webdev #nodejs #sailsjs

Dzisiaj w końcu zabrałem się za sails.js. Pierwsze wrażenia są na prawdę zacne ;) Właściwie większość potrzebnego back zdążyłem już ogarnąć. Czas zabrać się za front. Jeśli się bawiliście tym, może mi podpowiecie parę rzeczy?

1. podobno jest zintegrowany jakiś autocompiler less ... tak by przynajmniej wynikało z komentów i gruntfile ... no ale nie działa jakoś ... jakieś tipy?

W php używam lessphp i tyle. O RoR nie wspominam ;) Nie koniecznie chce mi się bawić w jakieś kompilowanie po stronie ide czy coś ...

Nie działa przy przykładowym układzie:

styles/sty.less (gdzie includuję resztę)

styles/partials/_layout.less (i tu cokolwiek: i tak nie działa).

2. serio muszę restartować server po każdej zmianie w routingu?

3. zapewne to łatwe. Nie kiwnąłem jeszcze palcem w tym kierunku, wiec nie wiem, ale skoro już truję tyłek to czemu nie dorzucić pytań:

- jakiś sendmail?

- czy passport może współpracować z zewnętrznym api (akurat nie tym, ale przykładowo z autoryzacją fb)?

Dzięki z dołu DOM

stay commited

~npsr ;)

[D.....k]

@npsr: pff, czy Ty w ogóle czytasz to, co piszesz?

[Xianxi]

@npsr: Co autocompilera to wpisałeś komendę grunt w konsoli i nic się nie dzieje?

[npsr]

if(1==1) {@Dreszczyk::wypominaćBędzie . ';D'; };

@Xianxi: nic:/

[Xianxi]

@npsr: Żadnych błędów nie wywala? Masz tam jakieś watch w tym Gruntfile?

U mnie na przykład jest coś takiego:

sass: {

options: {

includePaths: ['bower_components/foundation/scss']

},

dist: {

options: {

outputStyle: 'compressed'

},

files: {

'css/app.css': 'scss/app.scss'

}

}

},

watch: {

grunt: { files: ['Gruntfile.js'] },

sass: {

    files: 'scss/**/*.scss',

    tasks: ['sass']

  }

}

[npsr]

@Xianxi: defaultowo, dopiero zacząłem się tym bawić i spędziłem nad tym ~5h

watch: {

  api: {

    // API files to watch:

    files: ['api/**/*']

  },

  assets: {

    // Assets to watch:

    files: ['assets/**/*'],

    // When assets are changed:

    tasks: ['compileAssets', 'linkAssets']

  }

}

oraz

less: {

dev: {

files: [

{

expand: true,

cwd: 'assets/styles/',

src: ['.less'],

dest: '.tmp/public/styles/',

ext: '.css'

}, {

expand: true,

cwd: 'assets/linker/styles/',

src: ['.less'],

dest: '.tmp/public/linker/styles/',

ext:

[Xianxi]

@npsr: To nie wiem co z tym, nie znam się za bardzo na konfiguracji grunta, ale chyba powinieneś pokombinować z przełożeniem mojego przykładu na to sails.js. W watch u ciebie nie ma nic na temat lessa, ale nie wiem co tam dokładnie robi task compileAssets.

Odnośnie drugiego punktu, znalazłem coś takiego:

http://stackoverflow.com/questions/18687818/auto-reloading-a-sails-js-app-on-code-changes