workflow طراحی مدرن با استفاﺩﻩ اﺯ gulpjs
TRANSCRIPT
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