Создание проекта для PostCSS

Инструкция как создать, свой первый проект, для последующей установки в него PostCSS и плагинов.

После ознакомления с PostCSS и установки Node js перейдём к созданию для него проекта.

Процесс создание проекта

Для начала нам нужно определить месте, где будет находиться проект. Возьмём к примеру папку e:\upost.su\css\.

Создайте в этой папке текстовой файл ( Правой кнопкой мыши - Новый - Text Document .txt ) с названием gulpfile.js, откройте его с помощью блокнота, AkelPad, NotePad++ или любым другим редактором, вставьте код ниже и сохраните.

var gulp = require('gulp');
var postcss = require('gulp-postcss');

gulp.task('css', function() {
    var plugins = [];

    return gulp.src('./src/*.css')
    .pipe(postcss(plugins))
    .pipe(gulp.dest('./dest'));
});

Здесь же создайте две папки src и dest

Запустите Node.js command prompt и выполните команду навигации cd /d e:\upost.su\css\.

Создание package.json, в командную строку введите и выполните команду npm init --yes.

Готово.

Итог

В итоге у вас должно получиться следующее наличие папок и файлов.

Читать далее

Комментарии - 0
для добавления комментария
пожалуйста войдите или зарегистрируйтесь
Хостинг от uCoz