postcss-px2rem

    0.1.2 • Public • Published

    postcss-px2rem

    This is a postcss plugin of px2rem.

    NPM version Build status Downloads

    Usage

    Node

    var postcss = require('postcss');
    var px2rem = require('postcss-px2rem');
    var originCssText = '...';
    var newCssText = postcss().use(px2rem({remUnit: 64})).process(originCssText).css;
    

    Please see px2rem for more information about the features and usage of px2rem.

    Gulp

    npm install gulp-postcss
    
    var gulp = require('gulp');
    var postcss = require('gulp-postcss');
    var px2rem = require('postcss-px2rem');
    
    gulp.task('default', function() {
        var processors = [px2rem({remUnit: 64})];
        return gulp.src('./src/*.css')
            .pipe(postcss(processors))
            .pipe(gulp.dest('./dest'));
    });
    

    Webpack

    npm install postcss-loader
    
    var px2rem = require('postcss-px2rem');
    
    module.exports = {
        module: {
            loaders: [
                {
                    test: /\.css$/,
                    loader: "style-loader!css-loader!postcss-loader"
                }
            ]
        },
        postcss: function() {
            return [px2rem({remUnit: 64})];
        }
    }
    

    Grunt

    npm install grunt-postcss
    
    module.exports = function(grunt) {
        grunt.initConfig({
            postcss: {
                options: {
                    processors: [
                        px2rem({remUnit: 64})
                    ]
                },
                dist: {
                    src: 'src/*.css',
                    dest: 'build'
                }
            }
        });
        grunt.loadNpmTasks('grunt-postcss');
        grunt.registerTask('default', ['postcss']);
    }
    

    Change Log

    0.1.2

    • First release.

    License

    MIT

    Install

    npm i postcss-px2rem@0.1.2

    Version

    0.1.2

    License

    MIT

    Last publish

    Collaborators

    • songsiqi