zoukankan      html  css  js  c++  java
  • postcsspx2rem

    1、安装

    npm install gulp-postcss --save-dev

    2、gulp

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

    3、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: 75})];
      }
    }

    4、node

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

    5、grunt

    npm install grunt-postcss
    module.exports = function(grunt) {
      grunt.initConfig({
        postcss: {
          options: {
            processors: [
              px2rem({remUnit: 75})
            ]
          },
          dist: {
            src: 'src/*.css',
            dest: 'build'
          }
        }
      });
      grunt.loadNpmTasks('grunt-postcss');
      grunt.registerTask('default', ['postcss']);
    }
  • 相关阅读:
    网络基础
    Web开发几种常用工具
    win组合键概述(windows10)
    Alfred使用
    Java8之新特性--modules
    jsp九大内置对象和四大作用域
    authtype
    Myeclipse中的快捷键
    如何在Jenkins CI 里调试
    写好unit test的建议和例子
  • 原文地址:https://www.cnblogs.com/lecheng/p/5915456.html
Copyright © 2011-2022 走看看