Автоматический префикс Gulp установлен, но без префикса - PullRequest
Новая
       26

Автоматический префикс Gulp установлен, но без префикса

0 голосов
/ 01 ноября 2018

Я попытался установить gulp autoprefixer, следуя инструкциям, однако, autoprefixer не имеет префикса. Я искал решения в течение нескольких часов, но все еще не мог заставить его работать. Я уверен, что к моему CSS-файлу должен быть добавлен префикс, так как я использую свойство display: flex. Ниже приведены шаги моей установки:

  1. npm init
  2. sudo npm install gulp -g
  3. touch gulpfile.js
  4. npm установить gulp --save -div
  5. npm установить gulp-autoprefixer --save -dev
  6. отредактируйте gulpfile.js, показанный ниже, и выполните его: 

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

gulp.task('autoprefix', function() {
  gulp.src('test.css')
  .pipe(autoprefixer())
  .pipe(gulp.dest('prefix'))

});

Мне кажется, я успешно установил gulp-autoprefixer, потому что я вижу его в зависимостях в файле package.json, показанном ниже: 

{
  "name": "autoprefixer",
  "version": "1.0.0",
  "main": "index.html",
  "dependencies": {
    "autoprefixer": "^9.3.1",
    "gulp-autoprefixer": "^6.0.0"
  },
  "devDependencies": {
    "gulp": "^3.9.1"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "description": ""
}

Выполнение gulpfile.js выдает файл .css во вновь созданный каталог 'prefix', однако префикс не был добавлен, содержимое выглядело точно так же, как и мой исходный файл .css. Я понятия не имею, почему не работает авторефиксатор, пожалуйста, оставьте комментарий, если у вас есть идеи, спасибо!

...