Публикация готового сайта на gulp, каким образом?

Question

[revdalon]

Добрый день!

Я новичок, сделал пару небольших статичных сайтов, запустил интернет-магазин на ворпрессе и в общем-то все, в общем вникаю потихоньку :) Сейчас столкнулся с задачей - получил архив с сайтом, который необходимо разместить на своем хостинге, от американских партнеров компании. Распаковав архив и покопавшись в файлах понял что первый раз такое вижу. Начал копать от файла gulpfile.js узнал про gulp. Купил VPS, установил на нем Node.js и непосредственно сам gulp.
А что делать дальше не пойму. Как опубликовать сайт? Что нужно сделать? Что делать с этим архивом сайта, как запустить все то что на нем расположено?

p.s. Связаться с разработчиком не могу, сайт то еле-еле получили от него (три месяца делали запросы), а уж о консультации и речи не идет

Заранее благодарен за советы.

Comments

[sim3x]

содержимое gulp.js покажи

[revdalon]

sim3x:

gulpfile.js:

require("es6-promise").polyfill();

var gulp = require("gulp"),
    concat = require("gulp-concat"),
    twig = require("gulp-twig"),
    data = require("gulp-data"),
    postcss = require("gulp-postcss"),
    autoprefixer = require("autoprefixer"),
    browserSync = require("browser-sync").create(),
    copy = require('gulp-copy'),
    typogr = require('gulp-typogr'),
    imagemin = require('gulp-imagemin'),
    pngquant = require('imagemin-pngquant');

gulp.task("css", function () {
    var processors = [
        require("postcss-import"),
        require("postcss-mixins"),
        require("postcss-nested"),
        require("postcss-simple-vars"),
        require("postcss-color-function"),
        require("postcss-calc"),
        autoprefixer({
            browsers: ["last 2 version"]
        })
    ];

    gulp.src("source/assets/css/style.css")
    .pipe(postcss(processors))
    .pipe(gulp.dest("public/css"));
});

gulp.task("copy-fonts", function() {
    gulp.src("source/assets/fonts/**/*.{ttf,woff,eot,svg}").pipe(copy("public/fonts", {prefix: 3}));
});

gulp.task("copy-data", function() {
    gulp.src("source/data/ru/stores.json").pipe(copy("public/data", {prefix: 4}));
});

gulp.task("images", function() {
    gulp.src("source/assets/images/**/*.{jpg,svg,png,gif}")
    .pipe(imagemin({
        progressive: true,
        svgoPlugins: [{removeViewBox: false}],
        use: [pngquant()]
    }))
    .pipe(gulp.dest("public/images"));
});

gulp.task("js-libs", function() {
    gulp.src([
        "source/assets/js/components/jquery/dist/jquery.min.js",
        "source/assets/js/components/fotorama/fotorama.js",
        "source/assets/js/fotorama-responsive.js",
        "source/assets/js/components/parsleyjs/dist/parsley.min.js",
        "source/assets/js/components/parsleyjs/src/i18n/ru.js",
        'source/assets/js/components/bootstrap/js/transition.js',
        'source/assets/js/components/bootstrap/js/modal.js',
        'source/assets/js/components/lightbox2/dist/js/lightbox.min.js'
    ])
    .pipe(concat("libs.js"))
    .pipe(gulp.dest("public/js"));
});

gulp.task("js-source", function() {
    gulp.src([
        "source/assets/js/up-btn.js",
        "source/assets/js/main.js"
    ])
    .pipe(concat("script.js"))
    .pipe(gulp.dest("public/js"));
});

gulp.task("compile-ru", function () {
    gulp.src(["source/views/*.twig",])
    .pipe(data(require("./source/data/ru/home.json")))
    .pipe(data(require("./source/data/ru/about.json")))
    .pipe(data(require("./source/data/ru/contacts.json")))
    .pipe(data(require("./source/data/ru/header.json")))
    .pipe(data(require("./source/data/ru/common.json")))
    .pipe(data(require("./source/data/ru/footer.json")))
    .pipe(data(require("./source/data/ru/buy.json")))
    .pipe(data(require("./source/data/ru/dealers.json")))
    .pipe(data(require("./source/data/ru/retailer.json")))
    .pipe(data(require("./source/data/ru/products.json")))
    .pipe(twig())
    // .pipe(typogr())
    .pipe(gulp.dest("./public"));

    gulp.src(["source/views/products/*.twig"])
    .pipe(data(require("./source/data/ru/header.json")))
    .pipe(data(require("./source/data/ru/common.json")))
    .pipe(data(require("./source/data/ru/footer.json")))
    .pipe(data(require("./source/data/ru/products.json")))
    .pipe(twig())
    .pipe(gulp.dest("./public/products"));

    gulp.src(["source/views/where-to-buy/*.twig"])
    .pipe(data(require("./source/data/ru/header.json")))
    .pipe(data(require("./source/data/ru/common.json")))
    .pipe(data(require("./source/data/ru/stores.json")))
    .pipe(data(require("./source/data/ru/footer.json")))
    .pipe(data(require("./source/data/ru/buy.json")))
    .pipe(twig())
    .pipe(gulp.dest("./public/where-to-buy"));
});

gulp.task("compile-en", function () {
    gulp.src([
        "source/views/index.twig",
        "source/views/about.twig",
        "source/views/contacts.twig",
        "source/views/products.twig"
    ])
    .pipe(data(require("./source/data/en/home.json")))
    .pipe(data(require("./source/data/en/about.json")))
    .pipe(data(require("./source/data/en/contacts.json")))
    .pipe(data(require("./source/data/en/header.json")))
    .pipe(data(require("./source/data/en/common.json")))
    .pipe(data(require("./source/data/en/products.json")))
    .pipe(data(require("./source/data/en/footer.json")))
    .pipe(twig())
    // .pipe(typogr())
    .pipe(gulp.dest("./public/en"));

    gulp.src(["source/views/products/*.twig"])
    .pipe(data(require("./source/data/en/header.json")))
    .pipe(data(require("./source/data/en/common.json")))
    .pipe(data(require("./source/data/en/footer.json")))
    .pipe(data(require("./source/data/en/products.json")))
    .pipe(twig())
    .pipe(gulp.dest("./public/en/products"));
});

gulp.task("server", function () {
    browserSync.init({
        server: {
            baseDir: "./public"
        }
    });


    gulp.watch("public/js/**/*.js").on("change", browserSync.reload);
    gulp.watch("public/css/**/*.css").on("change", browserSync.reload);
    gulp.watch("public/**/*.html").on("change", browserSync.reload);
});

gulp.task("watch", function() {
    gulp.watch("source/assets/css/**/*.css", ["css"]);
    gulp.watch("source/assets/js/components/**/*.js", ["js-libs"]);
    gulp.watch("source/assets/js/plugins/**/*.js", ["js-libs"]);
    gulp.watch("source/assets/js/**/*.js", ["js-source"]);
    gulp.watch("source/assets/fonts/**/*.{ttf,woff,eot,svg}", ["copy-fonts"]);
    gulp.watch("source/assets/images/**/*.{jpg,svg,png}", ["images"]);
    gulp.watch("source/views/**/*.twig", ["compile"]);
    gulp.watch("source/data/**/*.json", ["compile"]);
});

gulp.task("js", ["js-libs", "js-source"]);
gulp.task("compile", ["compile-ru", "compile-en"]);
gulp.task("default", ["js-libs", "js-source", "css", "compile", "copy-fonts", "copy-data"]);

[revdalon]

revdalon: очень длинный комментарий получился, не знаю как можно свернуть :(

Answer 1

[sim3x]

Не нужно ставить gulp на сервер
Зайди в директорию, где есть packages.json и там npm install
Потом в директории, где лежит gulpfile.js сделай gulp
Потом забери готовую статику из директории public

Comments

[revdalon]

у меня сейчас node.js уже стоит на сервере. я правильно понимаю, я копирую весь проект в папку, например "vps", захожу в нее "cd vps", запускаю там "npm install" и "gulp" (packages.json и gulpfile.js лежат в корне директории vps). в итоге:
Error: Cannot find module 'readable-stream/transform'
at Function.Module._resolveFilename (module.js:338:15)
at Function.Module._load (module.js:280:25)
at Module.require (module.js:364:17)
at require (module.js:380:17)
at Object. (/root/revdalon/xmix.pro/vps/node_modules/gulp/node_modules/gulp-util/node_modules/through2/through2.js:1:79)
at Module._compile (module.js:456:26)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Module.require (module.js:364:17)

[sim3x]

revdalon:
https://github.com/rvagg/through2/issues/39#issuec...

но вообще стит самому гуглить ошибки и пытаться их исправить

[sim3x]

https://nodejs.org/en/download/package-manager/#de...

также ноду лучше поставить посвежее, а не из репозитория убунти

curl -sL https://deb.nodesource.com/setup_5.x | sudo -E bash -
sudo apt-get install -y nodejs<code>