Question

我尝试按照教程安装gulp autoprefixer，但是autoprefixer没有前缀。我搜索了数小时的解决方案，但仍然无法正常工作。我确定应该在我的CSS文件中添加前缀，因为我使用了“ display：flex”属性。以下是我的安装步骤：

npm初始化
sudo npm install gulp -g
触摸gulpfile.js
npm install gulp --save -div
npm install gulp-autoprefixer --save -dev
编辑如下所示的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文件，但是，没有添加前缀，其内容与我的原始.css文件完全相同。我不知道为什么自动前缀修复程序不起作用，如果您有任何想法，请发表评论，谢谢！

Gulp autoprefixer已安装但没有前缀

0 个答案: