Upload
web-standards-school
View
206
Download
4
Embed Size (px)
Citation preview
Workflow طراحی مدرن باGulpJSاستفاده از
ها احتیاج داریم؟build toolچرا به
Gulpچیست؟
بنا شده است.node.js است که برپایه buildگالپ یک سیستم
؟Gulpچرا
nodeنصب
https://nodejs.org/en/
HTTPتغییر پروتوکل به
npm config set registry http://registry.npmjs.org/
Gulpنصب
npm install -g gulp
package.jsonایجاد فایل
npm init
ذخیره می شوندgulpfile.jsتمامی تسک ها داخل فایل
local به شکل Gulpنصب npm install gulp --save-dev
gulp-ruby-sassنصب
npm install gulp-ruby-sass --save-dev
gulp جدید در taskتعریف
gulp.task(name, function() { return gulp.src(path) .pipe(plugin) .pipe(plugin) .pipe(gulp.dest(path));});
gulp-autoprefixerنصب
npm install gulp-autoprefixer --save-dev
browserSyncنصب
npm install browser-sync --save-dev