установил opencart локально (mamp).
Пытаюсь теперь запустить gulp.
Сделал установку gulp: npm i -g gulp
Сделал установку c package.json: npm i
запустил gulp: gulp
в браузере ввожу
localhost:3000 и ничего просто стоит и все.
package.json
{
"name": "opencart-project",
"version": "1.0.0",
"description": "OpenCart Gulp Project",
"main": "gulpfile.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "WebDesign Master",
"license": "ISC",
"devDependencies": {
"browser-sync": "^2.15.0",
"gulp": "^3.9.1",
"gulp-autoprefixer": "^3.1.1",
"gulp-clean-css": "^2.0.12",
"gulp-sass": "^2.3.2",
"gulp-util": "^3.0.7",
"node-bourbon": "^4.2.8",
"vinyl-ftp": "^0.5.0"
}
}
gulpfile.js
// Подключаем Gulp и все необходимые библиотеки
var gulp = require('gulp'),
gutil = require('gulp-util' ),
sass = require('gulp-sass'),
browserSync = require('browser-sync'),
cleanCSS = require('gulp-clean-css'),
autoprefixer = require('gulp-autoprefixer'),
bourbon = require('node-bourbon'),
ftp = require('vinyl-ftp');
// Обновление страниц сайта на локальном сервере
gulp.task('browser-sync', function() {
browserSync({
proxy: "opencart",
notify: false
});
});
// Компиляция stylesheet.css
gulp.task('sass', function() {
return gulp.src('catalog/view/theme/apple/stylesheet/stylesheet.sass')
.pipe(sass({
includePaths: bourbon.includePaths
}).on('error', sass.logError))
.pipe(autoprefixer(['last 15 versions']))
.pipe(cleanCSS())
.pipe(gulp.dest('catalog/view/theme/apple/stylesheet/'))
.pipe(browserSync.reload({stream: true}))
});
// Наблюдение за файлами
gulp.task('watch', ['sass', 'browser-sync'], function() {
gulp.watch('catalog/view/theme/apple/stylesheet/stylesheet.sass', ['sass']);
gulp.watch('catalog/view/theme/apple/template/**/*.tpl', browserSync.reload);
gulp.watch('catalog/view/theme/apple/js/**/*.js', browserSync.reload);
gulp.watch('catalog/view/theme/apple/libs/**/*', browserSync.reload);
});
// Выгрузка изменений на хостинг
gulp.task('deploy', function() {
var conn = ftp.create({
host: 'hostname.com',
user: 'username',
password: 'userpassword',
parallel: 10,
log: gutil.log
});
var globs = [
'catalog/view/theme/apple/**'
];
return gulp.src(globs, {buffer: false})
.pipe(conn.dest('/path/to/folder/on/server'));
});
gulp.task('default', ['watch']);
Средний
Простой
