Workflow طراحی مدرن با استفاﺩﻩ اﺯ Gulpjs

Workflow‫طراحی‬‫با‬ ‫مدرن‬
‫استفا‬‫ﺩﻩ‬‫ا‬‫ﺯ‬GulpJS

‫به‬ ‫چرا‬build tool‫داریم‬ ‫احتیاج‬ ‫ها‬‫؟‬

Gulp‫چیست؟‬
‫سیستم‬ ‫یک‬ ‫گالپ‬build‫برپایه‬ ‫که‬ ‫است‬node.js‫است‬ ‫شده‬ ‫بنا‬.

‫نصب‬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‫شوند‬‫می‬ ‫ذخیره‬

‫نصب‬Gulp‫شکل‬ ‫به‬local
npm install gulp --save-dev

‫نصب‬gulp-ruby-sass
npm install gulp-ruby-sass --save-dev

‫تعریف‬task‫در‬ ‫جدید‬gulp
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

More Related Content