Jump to content

Photo
- - - - -

Instalacja Gulp.js na lunuxie


4 replies to this topic
  • Please log in to reply
wolfdz

    Stary wyjadacz

  • PipPipPip
  • 252 posts
    • Czas spędzony online: 10d 19m 41s
14
Dobra
  • LocationKraśnik

Posted 31 January 2016 - 14:35

#1

Siemka.

Musiałem reinstallować Linuxa bo cały dysk czyściłem więc to co potrzebne mam na chmurze a to co nie wgram sobie na nowo... tak sobie powiedziałem w chwili formatowania.

No i wszystko poszło bez problemu aż do czasu wznowienia projektu (Gulp.js + Sass).

Wszystkie komendy wpisałem tak jak ostatnio i co się okazało?! Nie działa :) Tak więc powiedzcie mi jak powinna wyglądać instalacja Gulp.js i czy w ogóle dobrze to robię.

Struktura plików:

-project
--index.html
--assets
---css
---fonts
---img
---js
---scss
----style.scss
--inc

1. Otwieram terminal i wpisuje:

npm install -g gulp

2. Przechodzę do katalogu z projektem czy pozostaje w głównym i wpisuje:

npm install --save-dev gulp
npm install --save-dev gulp-sass

3. Przechodzę do katalogu z projektem i tworzę plik .json

npm init

I teraz tak, powiedzcie mi jak powinienem zrobić krok 2 (w katalogu z projektem czy domowym?), gdzie powinien się znajdować plik gulpfile.js z kodem:

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('styles', function() {
    gulp.src('sass/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./css/'))
});

//Watch task
gulp.task('default',function() {
    gulp.watch('sass/**/*.scss',['styles']);
});

Tam gdzie index.html czy w folderze assets? To samo z package.json, gdzie on dokładnie powinien być?

Za pierwszym razem wszystko poszło bez problemów a teraz niestety się nie udało. Po wpisywaniu w konsoli gulp w miejscu gdzie miałem gulpfile.js nic się nie działo i przechodziło mi do normalnej linii jak gdyby nigdy nic.

 

Jeszcze jak usunąć gulpa po zainstalowaniu? Jest jakaś komenda czy trzeba ręcznie foldery usuwać?


Edited by wolfdz, 31 January 2016 - 14:37 .

  • 0

karolgorecki

    Nowy użytkownik

  • 17 posts
    • Czas spędzony online: 18h 15m 56s
15
Dobra

Posted 31 January 2016 - 14:54

#2

Instalujesz Gulpa globalnie czyli "npm install -g gulp"

Wchodzisz do swojego katalogu z projektem i tam już powinieneś mieć package.json - wtedy byś tylko zrobił "npm i" i by zainstalowało wszystkie zależności.

Jeśli go nie masz to robisz od początku czyli "npm init". Potem możesz dodać te swoje dev zależności: "npm install --save-dev gulp" itd.

Gulpfile też powinien być w głównym folderze ale chyba ścieżki musisz w nim poprawić.

Jak potrzebujesz tylko proste rzeczy robić to Gulp czy Grunt jest zbędny. Wszystko możesz zrobić przy pomocy npm'a.


  • 4

wolfdz

    Stary wyjadacz

  • PipPipPip
  • 252 posts
    • Czas spędzony online: 10d 19m 41s
14
Dobra
  • LocationKraśnik

Posted 31 January 2016 - 16:41

#3

No więc... Najpierw instaluje globalnie gulpa, potem przechodzę do folderu z projektem i tworze package.json a następnie instaluje lokalnie (--save-dev gulp i gulp-sass) i jest taki problem, ze pod koniec instalacji gulp-sass wyskakują błędy:

npm WARN This failure might be due to the use of legacy binary "node"
npm WARN For further explanations, please read
/usr/share/doc/nodejs/README.Debian
 
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/har-validator/node_modules/is-my-json-valid/test/json-schema-draft4/maxProperties.json'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/har-validator/node_modules/is-my-json-valid/test/json-schema-draft4/maxProperties.json
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/har-validator/node_modules/is-my-json-valid/test/json-schema-draft4/maxProperties.json
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/verror/lib/verror.js'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/verror/lib/verror.js
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/verror/lib/verror.js
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/gaze/node_modules/globule/node_modules/lodash/dist/lodash.min.js'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/gaze/node_modules/globule/node_modules/lodash/dist/lodash.min.js
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/gaze/node_modules/globule/node_modules/lodash/dist/lodash.min.js
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! error rolling back Error: ENOTEMPTY, rmdir '/home/zlodziejb/Pulpit/portfolio/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/json-schema/draft-03'
npm ERR! error rolling back  [email protected] { [Error: ENOTEMPTY, rmdir '/home/zlodziejb/Pulpit/portfolio/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/json-schema/draft-03']
npm ERR! error rolling back   errno: 53,
npm ERR! error rolling back   code: 'ENOTEMPTY',
npm ERR! error rolling back   path: '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/json-schema/draft-03' }
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/hawk/test/client.js'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/hawk/test/client.js
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/hawk/test/client.js
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/sshpk/lib/formats/pkcs8.js'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/sshpk/lib/formats/pkcs8.js
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/sshpk/lib/formats/pkcs8.js
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/bl/node_modules/readable-stream/doc/stream.markdown'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/bl/node_modules/readable-stream/doc/stream.markdown
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/bl/node_modules/readable-stream/doc/stream.markdown
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! Error: ENOENT, lstat '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/node-gyp/gyp/pylib/gyp/MSVSSettings_test.py'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/node-gyp/gyp/pylib/gyp/MSVSSettings_test.py
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/node-gyp/gyp/pylib/gyp/MSVSSettings_test.py
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:284:26
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! Error: ENOENT, chown '/home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/json-schema/draft-00/hyper-schema'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/zlodziejb/Pulpit/portfolio
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/json-schema/draft-00/hyper-schema
npm ERR! fstream_path /home/user/Desktop/project/node_modules/gulp-sass/node_modules/node-sass/node_modules/request/node_modules/http-signature/node_modules/jsprim/node_modules/json-schema/draft-00/hyper-schema
npm ERR! fstream_type File
npm ERR! fstream_class FileWriter
npm ERR! fstream_finish_call chown
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! fstream_stack /usr/lib/nodejs/fstream/lib/writer.js:305:19
npm ERR! fstream_stack /usr/lib/nodejs/graceful-fs/polyfills.js:133:7
npm ERR! fstream_stack Object.oncomplete (fs.js:107:15)
npm ERR! weird error 1
npm ERR! Error: ENOENT, open '/home/user/tmp/npm-6594-H4UyDFSm/1454254283175-0.5643314046319574/package/assignWith.js'
npm ERR! If you need help, you may report this log at:
npm ERR!     <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR!     <[email protected]>

npm ERR! System Linux 3.19.0-47-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "--save-dev" "gulp-sass"
npm ERR! cwd /home/user/Desktop/project
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/zlodziejb/tmp/npm-6594-H4UyDFSm/1454254283175-0.5643314046319574/package/assignWith.js
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR! 
npm ERR! Additional logging details can be found in:
npm ERR!     /home/user/Desktop/project/npm-debug.log
npm ERR! not ok code 0

W przypadku npm install --save-dev gulp wszystko idzie bez problemów...


Edited by wolfdz, 31 January 2016 - 16:43 .

  • 0

wolfdz

    Stary wyjadacz

  • PipPipPip
  • 252 posts
    • Czas spędzony online: 10d 19m 41s
14
Dobra
  • LocationKraśnik

Posted 31 January 2016 - 19:30

#4

Dobra, rozwiązałem problem.

Trochę głupio się przyznać, ale chyba problem był z node.js

Chyba podczas instalacji node zapomniałem o tej linijcie:

sudo ln -s /usr/bin/nodejs /usr/bin/node

Tylko teraz mam problem z ustawieniem ścieżek w gulpfile.js, pomożecie? ;)


Edited by wolfdz, 31 January 2016 - 19:31 .

  • 0

karolgorecki

    Nowy użytkownik

  • 17 posts
    • Czas spędzony online: 18h 15m 56s
15
Dobra

Posted 31 January 2016 - 20:36

#5

Ścieżka powinna chyba być tylko jeszcze poprzedzona folderem: "assets". Jak dalej będziesz miał problemy to udostępnij projekt na Githubie albo Bitbucket będzie prościej pomóc.


  • 0





Podone tematy Collapse

  Topic Forum Started By Stats Last Post Info

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users