postCss

终端

1、npm init (创建package.json

2、npm install autoprefixer postcss-color-rgba-fallback postcss-opacity postcss-pseudoelements postcss-vmin pixrem postcss-will-change--save-dev

3、gulpfile.js添加

var gulp = require('gulp');

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

var autoprefixer = require('autoprefixer');

var color_rgba_fallback = require('postcss-color-rgba-fallback');

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

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

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

var pixrem = require('pixrem');

var will_change = require('postcss-will-change');

gulp.task('css', function () {

    var processors = [

        will_change,

        autoprefixer,

        color_rgba_fallback,

        opacity,

        pseudoelements,

        vmin,

        pixrem

    ];

    return gulp.src('./src/*.css')

        .pipe(postcss(processors))

        .pipe(gulp.dest('./dest'));

});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • PostCSS-Comn PostCSS-Comn使用说明,整合PostCSS常用功能GitHub:https:/...
    希伯来没有雨阅读 846评论 0 1
  • 1. 在codepen中使用: CSS选项中选择PostCss; 编写: 使用未来语法: 2. 在gulp中使用:...
    进击的阿群阅读 653评论 0 1
  • 接触Postcss的起因是在用Npm安装模块的时候看到的提示语句,一番接触后发现:我以后可能不需要写Sass了。 ...
    般犀阅读 883评论 1 11
  • PostCSS不是类似Less,Sass,Stylus那样的CSS预处理器,而是一种允许用JS插件来转变样式的工具...
    张歆琳阅读 5,759评论 1 7
  • 读书 读完并笔记的 1105《巨富》{并不是一本历史书,更像一本社会学书,描述了产生巨富的土壤和时代。} 1113...
    im天行阅读 200评论 0 0