autoprefixer

I use node-sass to compile all my Sass files to a master.css. This works well but now I want to add prefixes. I would like to use only the npm, no Gulp or Grunt. Here my package.json file: { "name": "xxxxxx.com", "version": "1.0.0", "description": "", "watches": { "sass": "src/scss/**" }, "scripts": { "sass": "node-sass src/scss/master.scss -o dist/css/ --style compressed", "prefix": "postcss --use autoprefixer dist/css/master.css -d dist/css/master.css", "dev": "rerun-script" }, "author": "Jan", "license": "ISC", "devDependencies": { "autoprefixer": "^6.3.1", "browserify": "^13.0.0", "clean

I try to make a gulp compile my sass then autoprefixit with gulp-autoprefixer but i'm getting an error. var gulp = require('gulp'), sass = require('gulp-sass'), autoprefixer = require('gulp-autoprefixer'); gulp.task('test', function(){ gulp.src('_sass/main.sass') .pipe(sass()) .pipe(autoprefixer()) .pipe(gulp.dest('./assets/css')); }); I'm trying to run this Gulpfile.js and i'm using : "gulp": "~3.9.0", "gulp-sass": "~2.0.4", "gulp-autoprefixer": "~3.0.1", and NPM version 1.3.10 When i run gulp test i get this : /home/matei/Tests/test-4/node_modules/gulp-autoprefixer/node_modules/postcss/lib

I'm new to webpack and I'm trying to set everything up to work on a react project. I have managed to get everything working in webpack as expected but have hit a road block with autoprefixer. I have followed the docs for both post css and autoprefixer and I'm obviously missing something important here or have done something daft. can you please take a look at my config and let me know if you have any suggestions. Other postcss plugins are working fine like nanocss. althought I have tried cssnext as I think that includes autoprefixer anyway. I'm assuming it's a autoprefixer config issue.

I have read through the issue #1521 on how to use postcss/autoprefixer I am still really unlcear. Do I just npm install autoprefixer --save-dev Is this the right way of doing it? I have also read the postcss/autoprefixer docs I still do not understand how to go about Please assist, thanks I have installed the **postcss postcss-cli autoprefixer* as dev dependencies npm install --save-dev postcss postcss-cli autoprefixer And then create a npm script to run the postcss cli and auto prefixer like so "script": { ... "prefixcss": "postcss -u autoprefixer --autoprefixer.browsers 'last 2 versions' -r

I'm unable to get Autoprefixer to work with Gulp. I'm using opacity in my CSS, gradients, and transforms and there aren't any vendor prefixes showing up. Otherwise, everything else is working. Here's my gulp file: var gulp = require('gulp'); var lr = require('tiny-lr'); var jshint = require('gulp-jshint'); var sass = require('gulp-sass'); var autoprefixer = require('gulp-autoprefixer'); var minifycss = require('gulp-minify-css'); var concat = require('gulp-concat'); var rename = require('gulp-rename'); var livereload = require('gulp-livereload'); var server = lr(); var plumber = require('gulp

实际需求 ： 已经使用了postcss autoprefixer ，而且sass-loader又依赖于node-sass，而且node-sass又是一堆坑（比如centos升级node6->node8后的安装权限问题），所以想简单使用Postcss 处理sass 选取的插件 ： autoprefixer postcss-advanced-variables postcss-nested postcss-preset-env postcss-extend postcss-partial-import 基本能做到替换之前sass-loader的功能 遇到的坑： 使用这些插件后css中不要使用双斜线（eg://）写注释（双斜线不会被去掉，反而压缩在一行，导致某些css功能失效），都使用/***/这种注释形式 来源： oschina 链接： https://my.oschina.net/u/551872/blog/1857949